kandi background
Explore Kits

Doris | A large scale distributed KV storage system | Database library

 by   itisaid Java Version: Current License: No License

 by   itisaid Java Version: Current License: No License

Download this library from

kandi X-RAY | Doris Summary

Doris is a Java library typically used in Database applications. Doris has no bugs, it has no vulnerabilities, it has build file available and it has low support. You can download it from GitHub.
A large scale distributed KV storage system.
Support
Support
Quality
Quality
Security
Security
License
License
Reuse
Reuse

kandi-support Support

  • Doris has a low active ecosystem.
  • It has 202 star(s) with 99 fork(s). There are 25 watchers for this library.
  • It had no major release in the last 12 months.
  • There are 1 open issues and 1 have been closed. On average issues are closed in 5 days. There are no pull requests.
  • It has a neutral sentiment in the developer community.
  • The latest version of Doris is current.
Doris Support
Best in #Database
Average in #Database
Doris Support
Best in #Database
Average in #Database

quality kandi Quality

  • Doris has 0 bugs and 0 code smells.
Doris Quality
Best in #Database
Average in #Database
Doris Quality
Best in #Database
Average in #Database

securitySecurity

  • Doris has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
  • Doris code analysis shows 0 unresolved vulnerabilities.
  • There are 0 security hotspots that need review.
Doris Security
Best in #Database
Average in #Database
Doris Security
Best in #Database
Average in #Database

license License

  • Doris does not have a standard license declared.
  • Check the repository for any license declaration and review the terms closely.
  • Without a license, all rights are reserved, and you cannot use the library in your applications.
Doris License
Best in #Database
Average in #Database
Doris License
Best in #Database
Average in #Database

buildReuse

  • Doris releases are not available. You will need to build from source code and install.
  • Build file is available. You can build the component from source.
  • Doris saves you 45455 person hours of effort in developing the same functionality from scratch.
  • It has 53412 lines of code, 5651 functions and 998 files.
  • It has medium code complexity. Code complexity directly impacts maintainability of the code.
Doris Reuse
Best in #Database
Average in #Database
Doris Reuse
Best in #Database
Average in #Database
Top functions reviewed by kandi - BETA

kandi has reviewed Doris and discovered the below as its top functions. This is intended to give you an instant insight into Doris implemented functionality, and help decide if they suit your requirements.

  • Load configuration file .
    • Handle node health change .
      • Validate nodes .
        • Start migration task .
          • Process route exception
            • Send MigrateCommand
              • Refresh data sources .
                • Write command .
                  • Compare and update and update result .
                    • Add node .

                      Get all kandi verified functions for this library.

                      Get all kandi verified functions for this library.

                      Doris Key Features

                      Multi-tenant

                      Scalable like HBase. Support large scale data storage and visit with scalable server deployment.

                      High available than HBase. Neither lost data nor reject app's access when any server is crashed.

                      High performance. Less 4 ms for commonly data access.

                      Auto failover and data recover. Doris provides auto failover and data recover when server is crashed. Easy add servers to Doris cluster with web interface.

                      Optimized consistence hash algorithm. More balance on distributed data than traditional consistence hash algorithm.

                      Bootstrap 5 Grid Not Equaling 12 Column Width

                      copy iconCopydownload iconDownload
                      var dataSet = [
                                  ["Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800"],
                                  ["Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750"],
                                  ["Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000"],
                                  ["Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060"],
                                  ["Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700"],
                                  ["Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000"],
                                  ["Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500"],
                                  ["Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900"],
                                  ["Colleen Hurst", "Javascript Developer", "San Francisco", "2360", "2009/09/15", "$205,500"],
                                  ["Sonya Frost", "Software Engineer", "Edinburgh", "1667", "2008/12/13", "$103,600"],
                                  ["Jena Gaines", "Office Manager", "London", "3814", "2008/12/19", "$90,560"],
                                  ["Quinn Flynn", "Support Lead", "Edinburgh", "9497", "2013/03/03", "$342,000"],
                                  ["Charde Marshall", "Regional Director", "San Francisco", "6741", "2008/10/16", "$470,600"],
                                  ["Haley Kennedy", "Senior Marketing Designer", "London", "3597", "2012/12/18", "$313,500"],
                                  ["Tatyana Fitzpatrick", "Regional Director", "London", "1965", "2010/03/17", "$385,750"],
                                  ["Michael Silva", "Marketing Designer", "London", "1581", "2012/11/27", "$198,500"],
                                  ["Paul Byrd", "Chief Financial Officer (CFO)", "New York", "3059", "2010/06/09", "$725,000"],
                                  ["Gloria Little", "Systems Administrator", "New York", "1721", "2009/04/10", "$237,500"],
                                  ["Bradley Greer", "Software Engineer", "London", "2558", "2012/10/13", "$132,000"],
                                  ["Dai Rios", "Personnel Lead", "Edinburgh", "2290", "2012/09/26", "$217,500"],
                                  ["Jenette Caldwell", "Development Lead", "New York", "1937", "2011/09/03", "$345,000"],
                                  ["Yuri Berry", "Chief Marketing Officer (CMO)", "New York", "6154", "2009/06/25", "$675,000"],
                                  ["Caesar Vance", "Pre-Sales Support", "New York", "8330", "2011/12/12", "$106,450"],
                                  ["Doris Wilder", "Sales Assistant", "Sydney", "3023", "2010/09/20", "$85,600"],
                                  ["Angelica Ramos", "Chief Executive Officer (CEO)", "London", "5797", "2009/10/09", "$1,200,000"],
                                  ["Gavin Joyce", "Developer", "Edinburgh", "8822", "2010/12/22", "$92,575"],
                                  ["Jennifer Chang", "Regional Director", "Singapore", "9239", "2010/11/14", "$357,650"],
                                  ["Brenden Wagner", "Software Engineer", "San Francisco", "1314", "2011/06/07", "$206,850"],
                                  ["Fiona Green", "Chief Operating Officer (COO)", "San Francisco", "2947", "2010/03/11", "$850,000"],
                                  ["Shou Itou", "Regional Marketing", "Tokyo", "8899", "2011/08/14", "$163,000"],
                                  ["Michelle House", "Integration Specialist", "Sydney", "2769", "2011/06/02", "$95,400"],
                                  ["Suki Burks", "Developer", "London", "6832", "2009/10/22", "$114,500"],
                                  ["Prescott Bartlett", "Technical Author", "London", "3606", "2011/05/07", "$145,000"],
                                  ["Gavin Cortez", "Team Leader", "San Francisco", "2860", "2008/10/26", "$235,500"],
                                  ["Martena Mccray", "Post-Sales support", "Edinburgh", "8240", "2011/03/09", "$324,050"],
                                  ["Unity Butler", "Marketing Designer", "San Francisco", "5384", "2009/12/09", "$85,675"]
                              ];
                      
                              $(document).ready(function () {
                                  $('#example').DataTable({
                                      data: dataSet,
                                      columns: [
                                          { title: "Name" },
                                          { title: "Position" },
                                          { title: "Office" },
                                          { title: "Extn." },
                                          { title: "Start date" },
                                          { title: "Salary" }
                                      ]
                                  });
                              });
                      #newBTN, #updtBTN {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      #newBTN:visited, #updtBTN:visited {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      .button {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      .button:visited {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      #newBTN, #updtBTN {
                        width: 300px;
                      }
                      
                      #my-legend {
                        width: 300px;
                      }
                      .my-legend .legend-title {
                        text-align: left;
                        margin-bottom: 5px;
                        font-weight: bold;
                        font-size: 90%;
                      }
                      
                      .my-legend .legend-scale ul {
                        margin: 0;
                        margin-bottom: 5px;
                        padding: 0;
                        float: left;
                        list-style: none;
                      }
                      
                      .my-legend .legend-scale ul li {
                        font-size: 80%;
                        list-style: none;
                        margin-left: 0;
                        line-height: 18px;
                        margin-bottom: 2px;
                      }
                      
                      .my-legend ul.legend-labels li span {
                        display: block;
                        float: left;
                        height: 16px;
                        width: 30px;
                        margin-right: 5px;
                        margin-left: 0;
                        border: 1px solid #999;
                      }
                      
                      .my-legend .legend-source {
                        font-size: 70%;
                        color: #999;
                        clear: both;
                      }
                      
                      .my-legend a {
                        color: #777;
                      }
                      <!DOCTYPE html>
                      <html lang="en">
                      <head>
                          <meta charset="UTF-8">
                          <meta name="viewport" content="width=device-width, initial-scale=1.0">
                          <link rel="stylesheet" type="text/css"
                              href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/buttons/1.7.1/css/buttons.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/datetime/1.1.0/css/dataTables.dateTime.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/rowgroup/1.1.3/css/rowGroup.bootstrap5.min.css" />
                          <link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />
                      
                          <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/js/bootstrap.bundle.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/dataTables.buttons.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.bootstrap5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.html5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.print.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/datetime/1.1.0/js/dataTables.dateTime.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/responsive/2.2.9/js/responsive.bootstrap5.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/rowgroup/1.1.3/js/dataTables.rowGroup.min.js"></script>
                          <script src="https://momentjs.com/downloads/moment.min.js"></script>
                      </head>
                      <body>
                      <div class="container-fluid">
                      <div class="row my-3">
                      <div class="col-md-3">
                        <div class="row p-3">
                          <a href="#" class="button btn" id="newBTN" onclick="openDialog();">Create New Report</a>
                        </div>
                        <div class="row p-3">
                          <a href="#" class="button btn" id="updtBTN" onclick="openEditForThisUserThisWeek();">Update Current Report</a>
                        </div>
                        <div class="row justify-content-center p-3">
                          <div class='my-legend' id="my-legend" style="border: 1px solid black;">
                            <div class='legend-title'>Color Code Values:</div>
                            <div class='legend-scale'>
                              <ul class='legend-labels'>
                                <li><span style='background:#66b266;'></span>100 - 75 % Present</li>
                                <li><span style='background:#ffff66;'></span>75 - 25 % Present</li>
                                <li><span style='background:#ff6666;'></span>Less than 25% Present</li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-6">
                        <table id="example" class="display" width="100%"></table>
                      </div>
                      </div>
                      </div>
                      </body>
                      </html>
                      var dataSet = [
                                  ["Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800"],
                                  ["Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750"],
                                  ["Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000"],
                                  ["Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060"],
                                  ["Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700"],
                                  ["Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000"],
                                  ["Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500"],
                                  ["Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900"],
                                  ["Colleen Hurst", "Javascript Developer", "San Francisco", "2360", "2009/09/15", "$205,500"],
                                  ["Sonya Frost", "Software Engineer", "Edinburgh", "1667", "2008/12/13", "$103,600"],
                                  ["Jena Gaines", "Office Manager", "London", "3814", "2008/12/19", "$90,560"],
                                  ["Quinn Flynn", "Support Lead", "Edinburgh", "9497", "2013/03/03", "$342,000"],
                                  ["Charde Marshall", "Regional Director", "San Francisco", "6741", "2008/10/16", "$470,600"],
                                  ["Haley Kennedy", "Senior Marketing Designer", "London", "3597", "2012/12/18", "$313,500"],
                                  ["Tatyana Fitzpatrick", "Regional Director", "London", "1965", "2010/03/17", "$385,750"],
                                  ["Michael Silva", "Marketing Designer", "London", "1581", "2012/11/27", "$198,500"],
                                  ["Paul Byrd", "Chief Financial Officer (CFO)", "New York", "3059", "2010/06/09", "$725,000"],
                                  ["Gloria Little", "Systems Administrator", "New York", "1721", "2009/04/10", "$237,500"],
                                  ["Bradley Greer", "Software Engineer", "London", "2558", "2012/10/13", "$132,000"],
                                  ["Dai Rios", "Personnel Lead", "Edinburgh", "2290", "2012/09/26", "$217,500"],
                                  ["Jenette Caldwell", "Development Lead", "New York", "1937", "2011/09/03", "$345,000"],
                                  ["Yuri Berry", "Chief Marketing Officer (CMO)", "New York", "6154", "2009/06/25", "$675,000"],
                                  ["Caesar Vance", "Pre-Sales Support", "New York", "8330", "2011/12/12", "$106,450"],
                                  ["Doris Wilder", "Sales Assistant", "Sydney", "3023", "2010/09/20", "$85,600"],
                                  ["Angelica Ramos", "Chief Executive Officer (CEO)", "London", "5797", "2009/10/09", "$1,200,000"],
                                  ["Gavin Joyce", "Developer", "Edinburgh", "8822", "2010/12/22", "$92,575"],
                                  ["Jennifer Chang", "Regional Director", "Singapore", "9239", "2010/11/14", "$357,650"],
                                  ["Brenden Wagner", "Software Engineer", "San Francisco", "1314", "2011/06/07", "$206,850"],
                                  ["Fiona Green", "Chief Operating Officer (COO)", "San Francisco", "2947", "2010/03/11", "$850,000"],
                                  ["Shou Itou", "Regional Marketing", "Tokyo", "8899", "2011/08/14", "$163,000"],
                                  ["Michelle House", "Integration Specialist", "Sydney", "2769", "2011/06/02", "$95,400"],
                                  ["Suki Burks", "Developer", "London", "6832", "2009/10/22", "$114,500"],
                                  ["Prescott Bartlett", "Technical Author", "London", "3606", "2011/05/07", "$145,000"],
                                  ["Gavin Cortez", "Team Leader", "San Francisco", "2860", "2008/10/26", "$235,500"],
                                  ["Martena Mccray", "Post-Sales support", "Edinburgh", "8240", "2011/03/09", "$324,050"],
                                  ["Unity Butler", "Marketing Designer", "San Francisco", "5384", "2009/12/09", "$85,675"]
                              ];
                      
                              $(document).ready(function () {
                                  $('#example').DataTable({
                                      data: dataSet,
                                      columns: [
                                          { title: "Name" },
                                          { title: "Position" },
                                          { title: "Office" },
                                          { title: "Extn." },
                                          { title: "Start date" },
                                          { title: "Salary" }
                                      ]
                                  });
                              });
                      #newBTN, #updtBTN {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      #newBTN:visited, #updtBTN:visited {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      .button {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      .button:visited {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      #newBTN, #updtBTN {
                        width: 300px;
                      }
                      
                      #my-legend {
                        width: 300px;
                      }
                      .my-legend .legend-title {
                        text-align: left;
                        margin-bottom: 5px;
                        font-weight: bold;
                        font-size: 90%;
                      }
                      
                      .my-legend .legend-scale ul {
                        margin: 0;
                        margin-bottom: 5px;
                        padding: 0;
                        float: left;
                        list-style: none;
                      }
                      
                      .my-legend .legend-scale ul li {
                        font-size: 80%;
                        list-style: none;
                        margin-left: 0;
                        line-height: 18px;
                        margin-bottom: 2px;
                      }
                      
                      .my-legend ul.legend-labels li span {
                        display: block;
                        float: left;
                        height: 16px;
                        width: 30px;
                        margin-right: 5px;
                        margin-left: 0;
                        border: 1px solid #999;
                      }
                      
                      .my-legend .legend-source {
                        font-size: 70%;
                        color: #999;
                        clear: both;
                      }
                      
                      .my-legend a {
                        color: #777;
                      }
                      <!DOCTYPE html>
                      <html lang="en">
                      <head>
                          <meta charset="UTF-8">
                          <meta name="viewport" content="width=device-width, initial-scale=1.0">
                          <link rel="stylesheet" type="text/css"
                              href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/buttons/1.7.1/css/buttons.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/datetime/1.1.0/css/dataTables.dateTime.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/rowgroup/1.1.3/css/rowGroup.bootstrap5.min.css" />
                          <link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />
                      
                          <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/js/bootstrap.bundle.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/dataTables.buttons.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.bootstrap5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.html5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.print.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/datetime/1.1.0/js/dataTables.dateTime.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/responsive/2.2.9/js/responsive.bootstrap5.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/rowgroup/1.1.3/js/dataTables.rowGroup.min.js"></script>
                          <script src="https://momentjs.com/downloads/moment.min.js"></script>
                      </head>
                      <body>
                      <div class="container-fluid">
                      <div class="row my-3">
                      <div class="col-md-3">
                        <div class="row p-3">
                          <a href="#" class="button btn" id="newBTN" onclick="openDialog();">Create New Report</a>
                        </div>
                        <div class="row p-3">
                          <a href="#" class="button btn" id="updtBTN" onclick="openEditForThisUserThisWeek();">Update Current Report</a>
                        </div>
                        <div class="row justify-content-center p-3">
                          <div class='my-legend' id="my-legend" style="border: 1px solid black;">
                            <div class='legend-title'>Color Code Values:</div>
                            <div class='legend-scale'>
                              <ul class='legend-labels'>
                                <li><span style='background:#66b266;'></span>100 - 75 % Present</li>
                                <li><span style='background:#ffff66;'></span>75 - 25 % Present</li>
                                <li><span style='background:#ff6666;'></span>Less than 25% Present</li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-6">
                        <table id="example" class="display" width="100%"></table>
                      </div>
                      </div>
                      </div>
                      </body>
                      </html>
                      var dataSet = [
                                  ["Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800"],
                                  ["Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750"],
                                  ["Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000"],
                                  ["Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060"],
                                  ["Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700"],
                                  ["Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000"],
                                  ["Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500"],
                                  ["Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900"],
                                  ["Colleen Hurst", "Javascript Developer", "San Francisco", "2360", "2009/09/15", "$205,500"],
                                  ["Sonya Frost", "Software Engineer", "Edinburgh", "1667", "2008/12/13", "$103,600"],
                                  ["Jena Gaines", "Office Manager", "London", "3814", "2008/12/19", "$90,560"],
                                  ["Quinn Flynn", "Support Lead", "Edinburgh", "9497", "2013/03/03", "$342,000"],
                                  ["Charde Marshall", "Regional Director", "San Francisco", "6741", "2008/10/16", "$470,600"],
                                  ["Haley Kennedy", "Senior Marketing Designer", "London", "3597", "2012/12/18", "$313,500"],
                                  ["Tatyana Fitzpatrick", "Regional Director", "London", "1965", "2010/03/17", "$385,750"],
                                  ["Michael Silva", "Marketing Designer", "London", "1581", "2012/11/27", "$198,500"],
                                  ["Paul Byrd", "Chief Financial Officer (CFO)", "New York", "3059", "2010/06/09", "$725,000"],
                                  ["Gloria Little", "Systems Administrator", "New York", "1721", "2009/04/10", "$237,500"],
                                  ["Bradley Greer", "Software Engineer", "London", "2558", "2012/10/13", "$132,000"],
                                  ["Dai Rios", "Personnel Lead", "Edinburgh", "2290", "2012/09/26", "$217,500"],
                                  ["Jenette Caldwell", "Development Lead", "New York", "1937", "2011/09/03", "$345,000"],
                                  ["Yuri Berry", "Chief Marketing Officer (CMO)", "New York", "6154", "2009/06/25", "$675,000"],
                                  ["Caesar Vance", "Pre-Sales Support", "New York", "8330", "2011/12/12", "$106,450"],
                                  ["Doris Wilder", "Sales Assistant", "Sydney", "3023", "2010/09/20", "$85,600"],
                                  ["Angelica Ramos", "Chief Executive Officer (CEO)", "London", "5797", "2009/10/09", "$1,200,000"],
                                  ["Gavin Joyce", "Developer", "Edinburgh", "8822", "2010/12/22", "$92,575"],
                                  ["Jennifer Chang", "Regional Director", "Singapore", "9239", "2010/11/14", "$357,650"],
                                  ["Brenden Wagner", "Software Engineer", "San Francisco", "1314", "2011/06/07", "$206,850"],
                                  ["Fiona Green", "Chief Operating Officer (COO)", "San Francisco", "2947", "2010/03/11", "$850,000"],
                                  ["Shou Itou", "Regional Marketing", "Tokyo", "8899", "2011/08/14", "$163,000"],
                                  ["Michelle House", "Integration Specialist", "Sydney", "2769", "2011/06/02", "$95,400"],
                                  ["Suki Burks", "Developer", "London", "6832", "2009/10/22", "$114,500"],
                                  ["Prescott Bartlett", "Technical Author", "London", "3606", "2011/05/07", "$145,000"],
                                  ["Gavin Cortez", "Team Leader", "San Francisco", "2860", "2008/10/26", "$235,500"],
                                  ["Martena Mccray", "Post-Sales support", "Edinburgh", "8240", "2011/03/09", "$324,050"],
                                  ["Unity Butler", "Marketing Designer", "San Francisco", "5384", "2009/12/09", "$85,675"]
                              ];
                      
                              $(document).ready(function () {
                                  $('#example').DataTable({
                                      data: dataSet,
                                      columns: [
                                          { title: "Name" },
                                          { title: "Position" },
                                          { title: "Office" },
                                          { title: "Extn." },
                                          { title: "Start date" },
                                          { title: "Salary" }
                                      ]
                                  });
                              });
                      #newBTN, #updtBTN {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      #newBTN:visited, #updtBTN:visited {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      .button {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      .button:visited {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      #newBTN, #updtBTN {
                        width: 300px;
                      }
                      
                      #my-legend {
                        width: 300px;
                      }
                      .my-legend .legend-title {
                        text-align: left;
                        margin-bottom: 5px;
                        font-weight: bold;
                        font-size: 90%;
                      }
                      
                      .my-legend .legend-scale ul {
                        margin: 0;
                        margin-bottom: 5px;
                        padding: 0;
                        float: left;
                        list-style: none;
                      }
                      
                      .my-legend .legend-scale ul li {
                        font-size: 80%;
                        list-style: none;
                        margin-left: 0;
                        line-height: 18px;
                        margin-bottom: 2px;
                      }
                      
                      .my-legend ul.legend-labels li span {
                        display: block;
                        float: left;
                        height: 16px;
                        width: 30px;
                        margin-right: 5px;
                        margin-left: 0;
                        border: 1px solid #999;
                      }
                      
                      .my-legend .legend-source {
                        font-size: 70%;
                        color: #999;
                        clear: both;
                      }
                      
                      .my-legend a {
                        color: #777;
                      }
                      <!DOCTYPE html>
                      <html lang="en">
                      <head>
                          <meta charset="UTF-8">
                          <meta name="viewport" content="width=device-width, initial-scale=1.0">
                          <link rel="stylesheet" type="text/css"
                              href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/buttons/1.7.1/css/buttons.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/datetime/1.1.0/css/dataTables.dateTime.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/rowgroup/1.1.3/css/rowGroup.bootstrap5.min.css" />
                          <link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />
                      
                          <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/js/bootstrap.bundle.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/dataTables.buttons.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.bootstrap5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.html5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.print.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/datetime/1.1.0/js/dataTables.dateTime.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/responsive/2.2.9/js/responsive.bootstrap5.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/rowgroup/1.1.3/js/dataTables.rowGroup.min.js"></script>
                          <script src="https://momentjs.com/downloads/moment.min.js"></script>
                      </head>
                      <body>
                      <div class="container-fluid">
                      <div class="row my-3">
                      <div class="col-md-3">
                        <div class="row p-3">
                          <a href="#" class="button btn" id="newBTN" onclick="openDialog();">Create New Report</a>
                        </div>
                        <div class="row p-3">
                          <a href="#" class="button btn" id="updtBTN" onclick="openEditForThisUserThisWeek();">Update Current Report</a>
                        </div>
                        <div class="row justify-content-center p-3">
                          <div class='my-legend' id="my-legend" style="border: 1px solid black;">
                            <div class='legend-title'>Color Code Values:</div>
                            <div class='legend-scale'>
                              <ul class='legend-labels'>
                                <li><span style='background:#66b266;'></span>100 - 75 % Present</li>
                                <li><span style='background:#ffff66;'></span>75 - 25 % Present</li>
                                <li><span style='background:#ff6666;'></span>Less than 25% Present</li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-6">
                        <table id="example" class="display" width="100%"></table>
                      </div>
                      </div>
                      </div>
                      </body>
                      </html>
                      <div class="container-fluid">
                          <div class="row">
                              <div class="col-md-3" style="background:red;">
                                  LEFT 3 MD | INPUT CODE
                              </div>
                              <div class="col-md-9" style="background:blue;">
                                  RIGHT 9 MD | INPUT CODE
                              </div>
                          </div>
                      </div>
                      

                      Spring integration amqp adding headers repetitively

                      copy iconCopydownload iconDownload
                      private static String[] safeOutboundHeaders() {
                          return new String[] { "!x-*", "*" };
                      }
                      
                      @Bean
                      public DefaultAmqpHeaderMapper outboundMapper() {
                          DefaultAmqpHeaderMapper amqpHeaderMapper = DefaultAmqpHeaderMapper.outboundMapper();
                          amqpHeaderMapper.setRequestHeaderNames(DefaultAmqpHeaderMapper.STANDARD_REQUEST_HEADER_NAME_PATTERN);
                          amqpHeaderMapper.setReplyHeaderNames(DefaultAmqpHeaderMapper.STANDARD_REPLY_HEADER_NAME_PATTERN);
                          return amqpHeaderMapper;
                      }
                      

                      how to single out certain names in sql

                      copy iconCopydownload iconDownload
                      SELECT *
                      FROM Student 
                      WHERE sid IN (SELECT sid FROM apply WHERE cname = 'WSU')
                        AND sid NOT IN (SELECT sid FROM apply WHERE cname = 'U of O')
                      ORDER BY sName ASC;
                      
                      SELECT sID,sName
                      FROM Student 
                      WHERE EXISTS   ( SELECT sid 
                                       FROM Apply 
                                       WHERE Student.sID = Apply.sID 
                                       AND  cname = 'WSU'
                                       )
                      AND NOT EXISTS   ( SELECT sid 
                                         FROM Apply 
                                         WHERE Student.sID = Apply.sID  
                                         AND cname = 'U of O'
                                        )
                      ORDER BY sName ASC;
                      
                      sID   sName
                      678   Fay
                      876   Irene
                      765   Jay
                      
                      SELECT sID,sName
                      FROM Student 
                      WHERE EXISTS   ( SELECT sid 
                                       FROM Apply 
                                       WHERE Student.sID = Apply.sID 
                                       AND  cname = 'WSU'
                                       )
                      AND NOT EXISTS   ( SELECT sid 
                                         FROM Apply 
                                         WHERE Student.sID = Apply.sID  
                                         AND cname = 'U of O'
                                        )
                      ORDER BY sName ASC;
                      
                      sID   sName
                      678   Fay
                      876   Irene
                      765   Jay
                      
                      SELECT s.sID, s.sName
                      FROM Student s INNER JOIN Apply a
                      ON a.sID = s.sID 
                      WHERE a.cName IN ('WSU', 'U of O') 
                      GROUP BY s.sID
                      HAVING COUNT(CASE WHEN a.cName = 'U of O' THEN 1 END) = 0
                      ORDER BY s.sName ASC;
                      
                      SELECT s.sID, s.sName
                      FROM Student s INNER JOIN Apply a
                      ON a.sID = s.sID 
                      GROUP BY s.sID
                      HAVING COUNT(CASE WHEN a.cName = 'WSU' THEN 1 END) > 0
                         AND COUNT(CASE WHEN a.cName = 'U of O' THEN 1 END) = 0
                      ORDER BY s.sName ASC;
                      
                      SELECT s.sID, s.sName
                      FROM Student s INNER JOIN Apply a
                      ON a.sID = s.sID 
                      WHERE a.cName IN ('WSU', 'U of O') 
                      GROUP BY s.sID
                      HAVING COUNT(CASE WHEN a.cName = 'U of O' THEN 1 END) = 0
                      ORDER BY s.sName ASC;
                      
                      SELECT s.sID, s.sName
                      FROM Student s INNER JOIN Apply a
                      ON a.sID = s.sID 
                      GROUP BY s.sID
                      HAVING COUNT(CASE WHEN a.cName = 'WSU' THEN 1 END) > 0
                         AND COUNT(CASE WHEN a.cName = 'U of O' THEN 1 END) = 0
                      ORDER BY s.sName ASC;
                      

                      inserting unique data from one table into another in sql

                      copy iconCopydownload iconDownload
                      INSERT INTO CollegeStats (cName, appCount, minGPA, maxGPA)
                      SELECT c.cName, (SELECT COUNT(*) FROM apply WHERE cName = c.cName ), 1, 1
                      FROM College c;
                      
                      CREATE TABLE IF NOT EXISTS College
                      (
                        State CHAR(2) NOT NULL,
                        cName VARCHAR(20) NOT NULL,
                        enrollment INT NOT NULL,
                        PRIMARY KEY (cName)
                      );
                      
                      CREATE TABLE IF NOT EXISTS Major
                      (
                        major VARCHAR(30) NOT NULL,
                        PRIMARY KEY (major)
                      );
                      
                      CREATE TABLE IF NOT EXISTS Student
                      (
                        sID INT NOT NULL,
                        sName VARCHAR(30) NOT NULL,
                        GPA FLOAT NOT NULL,
                        sizeHS INT NOT NULL,
                        PRIMARY KEY (sID)
                      );
                      
                      CREATE TABLE IF NOT EXISTS MinimumGPA
                      (
                        minGPA FLOAT NOT NULL,
                        cName VARCHAR(20) NOT NULL,
                        major VARCHAR(30) NOT NULL,
                        PRIMARY KEY (cName, major),
                        FOREIGN KEY (cName) REFERENCES College(cName),
                        FOREIGN KEY (major) REFERENCES Major(major)
                      );
                      
                      CREATE TABLE IF NOT EXISTS APPLY
                      (
                        decision SET('Y', 'N') NOT NULL,
                        sID INT NOT NULL,
                        cName VARCHAR(20) NOT NULL,
                        major VARCHAR(30) NOT NULL,
                        PRIMARY KEY (sID, cName, major),
                        FOREIGN KEY (sID) REFERENCES Student(sID),
                        FOREIGN KEY (cName, major) REFERENCES MinimumGPA(cName, major)
                      );
                      
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (123, 'Amy', 3.90, 1000);
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (234, 'Bob', 3.60, 1500);
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (345, 'Craig', 3.50, 500);
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (456, 'Doris', 3.90, 1000);
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (543, 'Craig', 3.40, 2000);
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (567, 'Edward', 2.90, 2000);
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (654, 'Amy', 3.90, 1000);
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (678, 'Fay', 3.80, 200);
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (765, 'Jay', 2.90, 1500);
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (789, 'Gary', 3.40, 800);
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (876, 'Irene', 3.90, 400);
                      INSERT INTO Student (sId, sName, GPA, sizeHS) VALUES (987, 'Helen', 4.00, 800);
                      
                      INSERT INTO College (cName, State, enrollment) VALUES ('Cornell', 'NY', 21000);
                      INSERT INTO College (cName, State, enrollment) VALUES ('MIT', 'MA', 10000);
                      INSERT INTO College (cName, State, enrollment) VALUES ('WSU', 'WA', 28000);
                      INSERT INTO College (cName, State, enrollment) VALUES ('U of O', 'OR', 25000);
                      
                      INSERT INTO Major (major) VALUES ('CS');
                      INSERT INTO Major (major) VALUES ('EE');
                      INSERT INTO Major (major) VALUES ('history');
                      INSERT INTO Major (major) VALUES ('biology');
                      INSERT INTO Major (major) VALUES ('bioengineering');
                      INSERT INTO Major (major) VALUES ('psychology');
                      INSERT INTO Major (major) VALUES ('marine biology');
                      
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('WSU', 'CS', 3.75);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('WSU', 'EE', 3.5);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('WSU', 'history', 2.8);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('U of O', 'CS', 3.6);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('U of O', 'biology', 3.75);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('Cornell','bioengineering', 3.8);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('Cornell','CS', 3.4);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('Cornell','EE', 3.6);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('Cornell','history', 3.6);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('Cornell','psychology', 2.8);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('MIT', 'biology', 3.5);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('MIT', 'bioengineering', 3.5);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('MIT', 'CS', 3.9);
                      INSERT INTO MinimumGPA (cName, major, minGPA) VALUES ('MIT', 'marine biology', 3.5);
                      
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (123, 'Cornell', 'EE', 'Y');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (123, 'WSU', 'CS', 'N');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (123, 'WSU', 'EE', 'N');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (123, 'U of O', 'CS', 'Y');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (123, 'MIT', 'CS', 'N');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (234, 'U of O', 'biology', 'N');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (345, 'Cornell', 'bioengineering', 'N');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (345, 'Cornell', 'CS', 'Y');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (345, 'Cornell', 'EE', 'N');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (345, 'MIT', 'bioengineering', 'Y');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (543, 'MIT', 'CS', 'N');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (678, 'Cornell', 'history', 'N');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (678, 'Cornell', 'psychology', 'Y');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (678, 'WSU', 'history', 'Y');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (765, 'WSU', 'history', 'Y');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (876, 'MIT', 'biology', 'Y');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (876, 'MIT', 'marine biology', 'N');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (876, 'WSU', 'CS', 'N');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (987, 'WSU', 'CS', 'Y');
                      INSERT INTO Apply (sID, cName, major, decision) VALUES (987, 'U of O', 'CS', 'Y');
                      
                      CREATE TABLE IF NOT EXISTS CollegeStats
                      (
                        cName VARCHAR(20) NOT NULL,
                        appCount INT NOT NULL,
                        minGPA dec(3, 2) NOT NULL,
                        maxGPA dec(3, 2) NOT NULL,
                        PRIMARY KEY (cName)
                      );
                      
                      INSERT INTO CollegeStats (cName, appCount, minGPA, maxGPA)
                      SELECT cName as cNameX, (SELECT COUNT(*) FROM apply WHERE cName = cNameX ), 1, 1
                      FROM College;
                      
                      select * from CollegeStats;
                      
                      INSERT INTO CollegeStats (cName, appCount, minGPA, maxGPA)
                      SELECT cName as cNameX,
                          (SELECT COUNT(*) FROM apply WHERE cName = cNameX), 
                          (SELECT MIN(GPA) FROM Student LEFT JOIN Apply ON Student.sID = Apply.sID WHERE cName = cNameX), 
                          (SELECT MAX(GPA) FROM Student LEFT JOIN Apply ON Student.sID = Apply.sID WHERE cName = cNameX)
                      FROM College;
                      

                      Search, pagination and sorting features not applying to datatable

                      copy iconCopydownload iconDownload
                      <table id="ex">
                      <thead>
                          <tr></tr>
                          <tr></tr>
                          <tr></tr>
                      </thead>
                      <tbody>
                          <td></td>
                          <td></td>
                          <td></td>
                      </tbody>
                      </table>
                      

                      Change button text depend on click of another button

                      copy iconCopydownload iconDownload
                      $(document).ready(function() {
                          $('#example').DataTable( {
                              dom: 'Bfrtip',
                              buttons: [
                                  {
                                      extend: 'collection',
                                      text: 'Table control',
                                      buttons: [
                                          {
                                              text: 'Toggle start date',
                                              action: function ( e, dt, node, config ) {
                                                  dt.column( -2 ).visible( ! dt.column( -2 ).visible() );
                                                  dt.buttons(0).text('Toggle start date')
                                              }
                                          },
                                          {
                                              text: 'Toggle salary',
                                              action: function ( e, dt, node, config ) {
                                                  dt.column( -1 ).visible( ! dt.column( -1 ).visible() );
                                                  dt.buttons(0).text('Toggle salary')
                                              }
                                          }
                                      ]
                                  }
                              ]
                          } );
                      } );
                      <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.11.3/b-2.0.1/b-html5-2.0.1/datatables.min.css" />
                      
                      <script src="
                      https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
                      
                      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.0/css/bootstrap.min.css">
                      
                      <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.11.3/b-2.0.1/b-html5-2.0.1/datatables.min.js"></script>
                      
                      <script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/js/dataTables.bootstrap4.min.js"></script>
                      
                      <table id="example" class="display" style="width:100%">
                              <thead>
                                  <tr>
                                      <th>Name</th>
                                      <th>Position</th>
                                      <th>Office</th>
                                      <th>Age</th>
                                      <th>Start date</th>
                                      <th>Salary</th>
                                  </tr>
                              </thead>
                              <tbody>
                                  <tr>
                                      <td>Tiger Nixon</td>
                                      <td>System Architect</td>
                                      <td>Edinburgh</td>
                                      <td>61</td>
                                      <td>2011/04/25</td>
                                      <td>$320,800</td>
                                  </tr>
                                  <tr>
                                      <td>Garrett Winters</td>
                                      <td>Accountant</td>
                                      <td>Tokyo</td>
                                      <td>63</td>
                                      <td>2011/07/25</td>
                                      <td>$170,750</td>
                                  </tr>
                                  <tr>
                                      <td>Ashton Cox</td>
                                      <td>Junior Technical Author</td>
                                      <td>San Francisco</td>
                                      <td>66</td>
                                      <td>2009/01/12</td>
                                      <td>$86,000</td>
                                  </tr>
                                  <tr>
                                      <td>Cedric Kelly</td>
                                      <td>Senior Javascript Developer</td>
                                      <td>Edinburgh</td>
                                      <td>22</td>
                                      <td>2012/03/29</td>
                                      <td>$433,060</td>
                                  </tr>
                                  <tr>
                                      <td>Airi Satou</td>
                                      <td>Accountant</td>
                                      <td>Tokyo</td>
                                      <td>33</td>
                                      <td>2008/11/28</td>
                                      <td>$162,700</td>
                                  </tr>
                                  <tr>
                                      <td>Brielle Williamson</td>
                                      <td>Integration Specialist</td>
                                      <td>New York</td>
                                      <td>61</td>
                                      <td>2012/12/02</td>
                                      <td>$372,000</td>
                                  </tr>
                                  <tr>
                                      <td>Herrod Chandler</td>
                                      <td>Sales Assistant</td>
                                      <td>San Francisco</td>
                                      <td>59</td>
                                      <td>2012/08/06</td>
                                      <td>$137,500</td>
                                  </tr>
                                  <tr>
                                      <td>Rhona Davidson</td>
                                      <td>Integration Specialist</td>
                                      <td>Tokyo</td>
                                      <td>55</td>
                                      <td>2010/10/14</td>
                                      <td>$327,900</td>
                                  </tr>
                                  <tr>
                                      <td>Colleen Hurst</td>
                                      <td>Javascript Developer</td>
                                      <td>San Francisco</td>
                                      <td>39</td>
                                      <td>2009/09/15</td>
                                      <td>$205,500</td>
                                  </tr>
                                  <tr>
                                      <td>Sonya Frost</td>
                                      <td>Software Engineer</td>
                                      <td>Edinburgh</td>
                                      <td>23</td>
                                      <td>2008/12/13</td>
                                      <td>$103,600</td>
                                  </tr>
                                  <tr>
                                      <td>Jena Gaines</td>
                                      <td>Office Manager</td>
                                      <td>London</td>
                                      <td>30</td>
                                      <td>2008/12/19</td>
                                      <td>$90,560</td>
                                  </tr>
                                  <tr>
                                      <td>Quinn Flynn</td>
                                      <td>Support Lead</td>
                                      <td>Edinburgh</td>
                                      <td>22</td>
                                      <td>2013/03/03</td>
                                      <td>$342,000</td>
                                  </tr>
                                  <tr>
                                      <td>Charde Marshall</td>
                                      <td>Regional Director</td>
                                      <td>San Francisco</td>
                                      <td>36</td>
                                      <td>2008/10/16</td>
                                      <td>$470,600</td>
                                  </tr>
                                  <tr>
                                      <td>Haley Kennedy</td>
                                      <td>Senior Marketing Designer</td>
                                      <td>London</td>
                                      <td>43</td>
                                      <td>2012/12/18</td>
                                      <td>$313,500</td>
                                  </tr>
                                  <tr>
                                      <td>Tatyana Fitzpatrick</td>
                                      <td>Regional Director</td>
                                      <td>London</td>
                                      <td>19</td>
                                      <td>2010/03/17</td>
                                      <td>$385,750</td>
                                  </tr>
                                  <tr>
                                      <td>Michael Silva</td>
                                      <td>Marketing Designer</td>
                                      <td>London</td>
                                      <td>66</td>
                                      <td>2012/11/27</td>
                                      <td>$198,500</td>
                                  </tr>
                                  <tr>
                                      <td>Paul Byrd</td>
                                      <td>Chief Financial Officer (CFO)</td>
                                      <td>New York</td>
                                      <td>64</td>
                                      <td>2010/06/09</td>
                                      <td>$725,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gloria Little</td>
                                      <td>Systems Administrator</td>
                                      <td>New York</td>
                                      <td>59</td>
                                      <td>2009/04/10</td>
                                      <td>$237,500</td>
                                  </tr>
                                  <tr>
                                      <td>Bradley Greer</td>
                                      <td>Software Engineer</td>
                                      <td>London</td>
                                      <td>41</td>
                                      <td>2012/10/13</td>
                                      <td>$132,000</td>
                                  </tr>
                                  <tr>
                                      <td>Dai Rios</td>
                                      <td>Personnel Lead</td>
                                      <td>Edinburgh</td>
                                      <td>35</td>
                                      <td>2012/09/26</td>
                                      <td>$217,500</td>
                                  </tr>
                                  <tr>
                                      <td>Jenette Caldwell</td>
                                      <td>Development Lead</td>
                                      <td>New York</td>
                                      <td>30</td>
                                      <td>2011/09/03</td>
                                      <td>$345,000</td>
                                  </tr>
                                  <tr>
                                      <td>Yuri Berry</td>
                                      <td>Chief Marketing Officer (CMO)</td>
                                      <td>New York</td>
                                      <td>40</td>
                                      <td>2009/06/25</td>
                                      <td>$675,000</td>
                                  </tr>
                                  <tr>
                                      <td>Caesar Vance</td>
                                      <td>Pre-Sales Support</td>
                                      <td>New York</td>
                                      <td>21</td>
                                      <td>2011/12/12</td>
                                      <td>$106,450</td>
                                  </tr>
                                  <tr>
                                      <td>Doris Wilder</td>
                                      <td>Sales Assistant</td>
                                      <td>Sydney</td>
                                      <td>23</td>
                                      <td>2010/09/20</td>
                                      <td>$85,600</td>
                                  </tr>
                                  <tr>
                                      <td>Angelica Ramos</td>
                                      <td>Chief Executive Officer (CEO)</td>
                                      <td>London</td>
                                      <td>47</td>
                                      <td>2009/10/09</td>
                                      <td>$1,200,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gavin Joyce</td>
                                      <td>Developer</td>
                                      <td>Edinburgh</td>
                                      <td>42</td>
                                      <td>2010/12/22</td>
                                      <td>$92,575</td>
                                  </tr>
                                  <tr>
                                      <td>Jennifer Chang</td>
                                      <td>Regional Director</td>
                                      <td>Singapore</td>
                                      <td>28</td>
                                      <td>2010/11/14</td>
                                      <td>$357,650</td>
                                  </tr>
                                  <tr>
                                      <td>Brenden Wagner</td>
                                      <td>Software Engineer</td>
                                      <td>San Francisco</td>
                                      <td>28</td>
                                      <td>2011/06/07</td>
                                      <td>$206,850</td>
                                  </tr>
                                  <tr>
                                      <td>Fiona Green</td>
                                      <td>Chief Operating Officer (COO)</td>
                                      <td>San Francisco</td>
                                      <td>48</td>
                                      <td>2010/03/11</td>
                                      <td>$850,000</td>
                                  </tr>
                                  <tr>
                                      <td>Shou Itou</td>
                                      <td>Regional Marketing</td>
                                      <td>Tokyo</td>
                                      <td>20</td>
                                      <td>2011/08/14</td>
                                      <td>$163,000</td>
                                  </tr>
                                  <tr>
                                      <td>Michelle House</td>
                                      <td>Integration Specialist</td>
                                      <td>Sydney</td>
                                      <td>37</td>
                                      <td>2011/06/02</td>
                                      <td>$95,400</td>
                                  </tr>
                                  <tr>
                                      <td>Suki Burks</td>
                                      <td>Developer</td>
                                      <td>London</td>
                                      <td>53</td>
                                      <td>2009/10/22</td>
                                      <td>$114,500</td>
                                  </tr>
                                  <tr>
                                      <td>Prescott Bartlett</td>
                                      <td>Technical Author</td>
                                      <td>London</td>
                                      <td>27</td>
                                      <td>2011/05/07</td>
                                      <td>$145,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gavin Cortez</td>
                                      <td>Team Leader</td>
                                      <td>San Francisco</td>
                                      <td>22</td>
                                      <td>2008/10/26</td>
                                      <td>$235,500</td>
                                  </tr>
                                  <tr>
                                      <td>Martena Mccray</td>
                                      <td>Post-Sales support</td>
                                      <td>Edinburgh</td>
                                      <td>46</td>
                                      <td>2011/03/09</td>
                                      <td>$324,050</td>
                                  </tr>
                                  <tr>
                                      <td>Unity Butler</td>
                                      <td>Marketing Designer</td>
                                      <td>San Francisco</td>
                                      <td>47</td>
                                      <td>2009/12/09</td>
                                      <td>$85,675</td>
                                  </tr>
                                  <tr>
                                      <td>Howard Hatfield</td>
                                      <td>Office Manager</td>
                                      <td>San Francisco</td>
                                      <td>51</td>
                                      <td>2008/12/16</td>
                                      <td>$164,500</td>
                                  </tr>
                                  <tr>
                                      <td>Hope Fuentes</td>
                                      <td>Secretary</td>
                                      <td>San Francisco</td>
                                      <td>41</td>
                                      <td>2010/02/12</td>
                                      <td>$109,850</td>
                                  </tr>
                                  <tr>
                                      <td>Vivian Harrell</td>
                                      <td>Financial Controller</td>
                                      <td>San Francisco</td>
                                      <td>62</td>
                                      <td>2009/02/14</td>
                                      <td>$452,500</td>
                                  </tr>
                                  <tr>
                                      <td>Timothy Mooney</td>
                                      <td>Office Manager</td>
                                      <td>London</td>
                                      <td>37</td>
                                      <td>2008/12/11</td>
                                      <td>$136,200</td>
                                  </tr>
                                  <tr>
                                      <td>Jackson Bradshaw</td>
                                      <td>Director</td>
                                      <td>New York</td>
                                      <td>65</td>
                                      <td>2008/09/26</td>
                                      <td>$645,750</td>
                                  </tr>
                                  <tr>
                                      <td>Olivia Liang</td>
                                      <td>Support Engineer</td>
                                      <td>Singapore</td>
                                      <td>64</td>
                                      <td>2011/02/03</td>
                                      <td>$234,500</td>
                                  </tr>
                                  <tr>
                                      <td>Bruno Nash</td>
                                      <td>Software Engineer</td>
                                      <td>London</td>
                                      <td>38</td>
                                      <td>2011/05/03</td>
                                      <td>$163,500</td>
                                  </tr>
                                  <tr>
                                      <td>Sakura Yamamoto</td>
                                      <td>Support Engineer</td>
                                      <td>Tokyo</td>
                                      <td>37</td>
                                      <td>2009/08/19</td>
                                      <td>$139,575</td>
                                  </tr>
                                  <tr>
                                      <td>Thor Walton</td>
                                      <td>Developer</td>
                                      <td>New York</td>
                                      <td>61</td>
                                      <td>2013/08/11</td>
                                      <td>$98,540</td>
                                  </tr>
                                  <tr>
                                      <td>Finn Camacho</td>
                                      <td>Support Engineer</td>
                                      <td>San Francisco</td>
                                      <td>47</td>
                                      <td>2009/07/07</td>
                                      <td>$87,500</td>
                                  </tr>
                                  <tr>
                                      <td>Serge Baldwin</td>
                                      <td>Data Coordinator</td>
                                      <td>Singapore</td>
                                      <td>64</td>
                                      <td>2012/04/09</td>
                                      <td>$138,575</td>
                                  </tr>
                                  <tr>
                                      <td>Zenaida Frank</td>
                                      <td>Software Engineer</td>
                                      <td>New York</td>
                                      <td>63</td>
                                      <td>2010/01/04</td>
                                      <td>$125,250</td>
                                  </tr>
                                  <tr>
                                      <td>Zorita Serrano</td>
                                      <td>Software Engineer</td>
                                      <td>San Francisco</td>
                                      <td>56</td>
                                      <td>2012/06/01</td>
                                      <td>$115,000</td>
                                  </tr>
                                  <tr>
                                      <td>Jennifer Acosta</td>
                                      <td>Junior Javascript Developer</td>
                                      <td>Edinburgh</td>
                                      <td>43</td>
                                      <td>2013/02/01</td>
                                      <td>$75,650</td>
                                  </tr>
                                  <tr>
                                      <td>Cara Stevens</td>
                                      <td>Sales Assistant</td>
                                      <td>New York</td>
                                      <td>46</td>
                                      <td>2011/12/06</td>
                                      <td>$145,600</td>
                                  </tr>
                                  <tr>
                                      <td>Hermione Butler</td>
                                      <td>Regional Director</td>
                                      <td>London</td>
                                      <td>47</td>
                                      <td>2011/03/21</td>
                                      <td>$356,250</td>
                                  </tr>
                                  <tr>
                                      <td>Lael Greer</td>
                                      <td>Systems Administrator</td>
                                      <td>London</td>
                                      <td>21</td>
                                      <td>2009/02/27</td>
                                      <td>$103,500</td>
                                  </tr>
                                  <tr>
                                      <td>Jonas Alexander</td>
                                      <td>Developer</td>
                                      <td>San Francisco</td>
                                      <td>30</td>
                                      <td>2010/07/14</td>
                                      <td>$86,500</td>
                                  </tr>
                                  <tr>
                                      <td>Shad Decker</td>
                                      <td>Regional Director</td>
                                      <td>Edinburgh</td>
                                      <td>51</td>
                                      <td>2008/11/13</td>
                                      <td>$183,000</td>
                                  </tr>
                                  <tr>
                                      <td>Michael Bruce</td>
                                      <td>Javascript Developer</td>
                                      <td>Singapore</td>
                                      <td>29</td>
                                      <td>2011/06/27</td>
                                      <td>$183,000</td>
                                  </tr>
                                  <tr>
                                      <td>Donna Snider</td>
                                      <td>Customer Support</td>
                                      <td>New York</td>
                                      <td>27</td>
                                      <td>2011/01/25</td>
                                      <td>$112,000</td>
                                  </tr>
                              </tbody>
                              <tfoot>
                                  <tr>
                                      <th>Name</th>
                                      <th>Position</th>
                                      <th>Office</th>
                                      <th>Age</th>
                                      <th>Start date</th>
                                      <th>Salary</th>
                                  </tr>
                              </tfoot>
                          </table>
                      $(document).ready(function() {
                          $('#example').DataTable( {
                              dom: 'Bfrtip',
                              buttons: [
                                  {
                                      extend: 'collection',
                                      text: 'Table control',
                                      buttons: [
                                          {
                                              text: 'Toggle start date',
                                              action: function ( e, dt, node, config ) {
                                                  dt.column( -2 ).visible( ! dt.column( -2 ).visible() );
                                                  dt.buttons(0).text('Toggle start date')
                                              }
                                          },
                                          {
                                              text: 'Toggle salary',
                                              action: function ( e, dt, node, config ) {
                                                  dt.column( -1 ).visible( ! dt.column( -1 ).visible() );
                                                  dt.buttons(0).text('Toggle salary')
                                              }
                                          }
                                      ]
                                  }
                              ]
                          } );
                      } );
                      <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.11.3/b-2.0.1/b-html5-2.0.1/datatables.min.css" />
                      
                      <script src="
                      https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
                      
                      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.0/css/bootstrap.min.css">
                      
                      <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.11.3/b-2.0.1/b-html5-2.0.1/datatables.min.js"></script>
                      
                      <script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/js/dataTables.bootstrap4.min.js"></script>
                      
                      <table id="example" class="display" style="width:100%">
                              <thead>
                                  <tr>
                                      <th>Name</th>
                                      <th>Position</th>
                                      <th>Office</th>
                                      <th>Age</th>
                                      <th>Start date</th>
                                      <th>Salary</th>
                                  </tr>
                              </thead>
                              <tbody>
                                  <tr>
                                      <td>Tiger Nixon</td>
                                      <td>System Architect</td>
                                      <td>Edinburgh</td>
                                      <td>61</td>
                                      <td>2011/04/25</td>
                                      <td>$320,800</td>
                                  </tr>
                                  <tr>
                                      <td>Garrett Winters</td>
                                      <td>Accountant</td>
                                      <td>Tokyo</td>
                                      <td>63</td>
                                      <td>2011/07/25</td>
                                      <td>$170,750</td>
                                  </tr>
                                  <tr>
                                      <td>Ashton Cox</td>
                                      <td>Junior Technical Author</td>
                                      <td>San Francisco</td>
                                      <td>66</td>
                                      <td>2009/01/12</td>
                                      <td>$86,000</td>
                                  </tr>
                                  <tr>
                                      <td>Cedric Kelly</td>
                                      <td>Senior Javascript Developer</td>
                                      <td>Edinburgh</td>
                                      <td>22</td>
                                      <td>2012/03/29</td>
                                      <td>$433,060</td>
                                  </tr>
                                  <tr>
                                      <td>Airi Satou</td>
                                      <td>Accountant</td>
                                      <td>Tokyo</td>
                                      <td>33</td>
                                      <td>2008/11/28</td>
                                      <td>$162,700</td>
                                  </tr>
                                  <tr>
                                      <td>Brielle Williamson</td>
                                      <td>Integration Specialist</td>
                                      <td>New York</td>
                                      <td>61</td>
                                      <td>2012/12/02</td>
                                      <td>$372,000</td>
                                  </tr>
                                  <tr>
                                      <td>Herrod Chandler</td>
                                      <td>Sales Assistant</td>
                                      <td>San Francisco</td>
                                      <td>59</td>
                                      <td>2012/08/06</td>
                                      <td>$137,500</td>
                                  </tr>
                                  <tr>
                                      <td>Rhona Davidson</td>
                                      <td>Integration Specialist</td>
                                      <td>Tokyo</td>
                                      <td>55</td>
                                      <td>2010/10/14</td>
                                      <td>$327,900</td>
                                  </tr>
                                  <tr>
                                      <td>Colleen Hurst</td>
                                      <td>Javascript Developer</td>
                                      <td>San Francisco</td>
                                      <td>39</td>
                                      <td>2009/09/15</td>
                                      <td>$205,500</td>
                                  </tr>
                                  <tr>
                                      <td>Sonya Frost</td>
                                      <td>Software Engineer</td>
                                      <td>Edinburgh</td>
                                      <td>23</td>
                                      <td>2008/12/13</td>
                                      <td>$103,600</td>
                                  </tr>
                                  <tr>
                                      <td>Jena Gaines</td>
                                      <td>Office Manager</td>
                                      <td>London</td>
                                      <td>30</td>
                                      <td>2008/12/19</td>
                                      <td>$90,560</td>
                                  </tr>
                                  <tr>
                                      <td>Quinn Flynn</td>
                                      <td>Support Lead</td>
                                      <td>Edinburgh</td>
                                      <td>22</td>
                                      <td>2013/03/03</td>
                                      <td>$342,000</td>
                                  </tr>
                                  <tr>
                                      <td>Charde Marshall</td>
                                      <td>Regional Director</td>
                                      <td>San Francisco</td>
                                      <td>36</td>
                                      <td>2008/10/16</td>
                                      <td>$470,600</td>
                                  </tr>
                                  <tr>
                                      <td>Haley Kennedy</td>
                                      <td>Senior Marketing Designer</td>
                                      <td>London</td>
                                      <td>43</td>
                                      <td>2012/12/18</td>
                                      <td>$313,500</td>
                                  </tr>
                                  <tr>
                                      <td>Tatyana Fitzpatrick</td>
                                      <td>Regional Director</td>
                                      <td>London</td>
                                      <td>19</td>
                                      <td>2010/03/17</td>
                                      <td>$385,750</td>
                                  </tr>
                                  <tr>
                                      <td>Michael Silva</td>
                                      <td>Marketing Designer</td>
                                      <td>London</td>
                                      <td>66</td>
                                      <td>2012/11/27</td>
                                      <td>$198,500</td>
                                  </tr>
                                  <tr>
                                      <td>Paul Byrd</td>
                                      <td>Chief Financial Officer (CFO)</td>
                                      <td>New York</td>
                                      <td>64</td>
                                      <td>2010/06/09</td>
                                      <td>$725,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gloria Little</td>
                                      <td>Systems Administrator</td>
                                      <td>New York</td>
                                      <td>59</td>
                                      <td>2009/04/10</td>
                                      <td>$237,500</td>
                                  </tr>
                                  <tr>
                                      <td>Bradley Greer</td>
                                      <td>Software Engineer</td>
                                      <td>London</td>
                                      <td>41</td>
                                      <td>2012/10/13</td>
                                      <td>$132,000</td>
                                  </tr>
                                  <tr>
                                      <td>Dai Rios</td>
                                      <td>Personnel Lead</td>
                                      <td>Edinburgh</td>
                                      <td>35</td>
                                      <td>2012/09/26</td>
                                      <td>$217,500</td>
                                  </tr>
                                  <tr>
                                      <td>Jenette Caldwell</td>
                                      <td>Development Lead</td>
                                      <td>New York</td>
                                      <td>30</td>
                                      <td>2011/09/03</td>
                                      <td>$345,000</td>
                                  </tr>
                                  <tr>
                                      <td>Yuri Berry</td>
                                      <td>Chief Marketing Officer (CMO)</td>
                                      <td>New York</td>
                                      <td>40</td>
                                      <td>2009/06/25</td>
                                      <td>$675,000</td>
                                  </tr>
                                  <tr>
                                      <td>Caesar Vance</td>
                                      <td>Pre-Sales Support</td>
                                      <td>New York</td>
                                      <td>21</td>
                                      <td>2011/12/12</td>
                                      <td>$106,450</td>
                                  </tr>
                                  <tr>
                                      <td>Doris Wilder</td>
                                      <td>Sales Assistant</td>
                                      <td>Sydney</td>
                                      <td>23</td>
                                      <td>2010/09/20</td>
                                      <td>$85,600</td>
                                  </tr>
                                  <tr>
                                      <td>Angelica Ramos</td>
                                      <td>Chief Executive Officer (CEO)</td>
                                      <td>London</td>
                                      <td>47</td>
                                      <td>2009/10/09</td>
                                      <td>$1,200,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gavin Joyce</td>
                                      <td>Developer</td>
                                      <td>Edinburgh</td>
                                      <td>42</td>
                                      <td>2010/12/22</td>
                                      <td>$92,575</td>
                                  </tr>
                                  <tr>
                                      <td>Jennifer Chang</td>
                                      <td>Regional Director</td>
                                      <td>Singapore</td>
                                      <td>28</td>
                                      <td>2010/11/14</td>
                                      <td>$357,650</td>
                                  </tr>
                                  <tr>
                                      <td>Brenden Wagner</td>
                                      <td>Software Engineer</td>
                                      <td>San Francisco</td>
                                      <td>28</td>
                                      <td>2011/06/07</td>
                                      <td>$206,850</td>
                                  </tr>
                                  <tr>
                                      <td>Fiona Green</td>
                                      <td>Chief Operating Officer (COO)</td>
                                      <td>San Francisco</td>
                                      <td>48</td>
                                      <td>2010/03/11</td>
                                      <td>$850,000</td>
                                  </tr>
                                  <tr>
                                      <td>Shou Itou</td>
                                      <td>Regional Marketing</td>
                                      <td>Tokyo</td>
                                      <td>20</td>
                                      <td>2011/08/14</td>
                                      <td>$163,000</td>
                                  </tr>
                                  <tr>
                                      <td>Michelle House</td>
                                      <td>Integration Specialist</td>
                                      <td>Sydney</td>
                                      <td>37</td>
                                      <td>2011/06/02</td>
                                      <td>$95,400</td>
                                  </tr>
                                  <tr>
                                      <td>Suki Burks</td>
                                      <td>Developer</td>
                                      <td>London</td>
                                      <td>53</td>
                                      <td>2009/10/22</td>
                                      <td>$114,500</td>
                                  </tr>
                                  <tr>
                                      <td>Prescott Bartlett</td>
                                      <td>Technical Author</td>
                                      <td>London</td>
                                      <td>27</td>
                                      <td>2011/05/07</td>
                                      <td>$145,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gavin Cortez</td>
                                      <td>Team Leader</td>
                                      <td>San Francisco</td>
                                      <td>22</td>
                                      <td>2008/10/26</td>
                                      <td>$235,500</td>
                                  </tr>
                                  <tr>
                                      <td>Martena Mccray</td>
                                      <td>Post-Sales support</td>
                                      <td>Edinburgh</td>
                                      <td>46</td>
                                      <td>2011/03/09</td>
                                      <td>$324,050</td>
                                  </tr>
                                  <tr>
                                      <td>Unity Butler</td>
                                      <td>Marketing Designer</td>
                                      <td>San Francisco</td>
                                      <td>47</td>
                                      <td>2009/12/09</td>
                                      <td>$85,675</td>
                                  </tr>
                                  <tr>
                                      <td>Howard Hatfield</td>
                                      <td>Office Manager</td>
                                      <td>San Francisco</td>
                                      <td>51</td>
                                      <td>2008/12/16</td>
                                      <td>$164,500</td>
                                  </tr>
                                  <tr>
                                      <td>Hope Fuentes</td>
                                      <td>Secretary</td>
                                      <td>San Francisco</td>
                                      <td>41</td>
                                      <td>2010/02/12</td>
                                      <td>$109,850</td>
                                  </tr>
                                  <tr>
                                      <td>Vivian Harrell</td>
                                      <td>Financial Controller</td>
                                      <td>San Francisco</td>
                                      <td>62</td>
                                      <td>2009/02/14</td>
                                      <td>$452,500</td>
                                  </tr>
                                  <tr>
                                      <td>Timothy Mooney</td>
                                      <td>Office Manager</td>
                                      <td>London</td>
                                      <td>37</td>
                                      <td>2008/12/11</td>
                                      <td>$136,200</td>
                                  </tr>
                                  <tr>
                                      <td>Jackson Bradshaw</td>
                                      <td>Director</td>
                                      <td>New York</td>
                                      <td>65</td>
                                      <td>2008/09/26</td>
                                      <td>$645,750</td>
                                  </tr>
                                  <tr>
                                      <td>Olivia Liang</td>
                                      <td>Support Engineer</td>
                                      <td>Singapore</td>
                                      <td>64</td>
                                      <td>2011/02/03</td>
                                      <td>$234,500</td>
                                  </tr>
                                  <tr>
                                      <td>Bruno Nash</td>
                                      <td>Software Engineer</td>
                                      <td>London</td>
                                      <td>38</td>
                                      <td>2011/05/03</td>
                                      <td>$163,500</td>
                                  </tr>
                                  <tr>
                                      <td>Sakura Yamamoto</td>
                                      <td>Support Engineer</td>
                                      <td>Tokyo</td>
                                      <td>37</td>
                                      <td>2009/08/19</td>
                                      <td>$139,575</td>
                                  </tr>
                                  <tr>
                                      <td>Thor Walton</td>
                                      <td>Developer</td>
                                      <td>New York</td>
                                      <td>61</td>
                                      <td>2013/08/11</td>
                                      <td>$98,540</td>
                                  </tr>
                                  <tr>
                                      <td>Finn Camacho</td>
                                      <td>Support Engineer</td>
                                      <td>San Francisco</td>
                                      <td>47</td>
                                      <td>2009/07/07</td>
                                      <td>$87,500</td>
                                  </tr>
                                  <tr>
                                      <td>Serge Baldwin</td>
                                      <td>Data Coordinator</td>
                                      <td>Singapore</td>
                                      <td>64</td>
                                      <td>2012/04/09</td>
                                      <td>$138,575</td>
                                  </tr>
                                  <tr>
                                      <td>Zenaida Frank</td>
                                      <td>Software Engineer</td>
                                      <td>New York</td>
                                      <td>63</td>
                                      <td>2010/01/04</td>
                                      <td>$125,250</td>
                                  </tr>
                                  <tr>
                                      <td>Zorita Serrano</td>
                                      <td>Software Engineer</td>
                                      <td>San Francisco</td>
                                      <td>56</td>
                                      <td>2012/06/01</td>
                                      <td>$115,000</td>
                                  </tr>
                                  <tr>
                                      <td>Jennifer Acosta</td>
                                      <td>Junior Javascript Developer</td>
                                      <td>Edinburgh</td>
                                      <td>43</td>
                                      <td>2013/02/01</td>
                                      <td>$75,650</td>
                                  </tr>
                                  <tr>
                                      <td>Cara Stevens</td>
                                      <td>Sales Assistant</td>
                                      <td>New York</td>
                                      <td>46</td>
                                      <td>2011/12/06</td>
                                      <td>$145,600</td>
                                  </tr>
                                  <tr>
                                      <td>Hermione Butler</td>
                                      <td>Regional Director</td>
                                      <td>London</td>
                                      <td>47</td>
                                      <td>2011/03/21</td>
                                      <td>$356,250</td>
                                  </tr>
                                  <tr>
                                      <td>Lael Greer</td>
                                      <td>Systems Administrator</td>
                                      <td>London</td>
                                      <td>21</td>
                                      <td>2009/02/27</td>
                                      <td>$103,500</td>
                                  </tr>
                                  <tr>
                                      <td>Jonas Alexander</td>
                                      <td>Developer</td>
                                      <td>San Francisco</td>
                                      <td>30</td>
                                      <td>2010/07/14</td>
                                      <td>$86,500</td>
                                  </tr>
                                  <tr>
                                      <td>Shad Decker</td>
                                      <td>Regional Director</td>
                                      <td>Edinburgh</td>
                                      <td>51</td>
                                      <td>2008/11/13</td>
                                      <td>$183,000</td>
                                  </tr>
                                  <tr>
                                      <td>Michael Bruce</td>
                                      <td>Javascript Developer</td>
                                      <td>Singapore</td>
                                      <td>29</td>
                                      <td>2011/06/27</td>
                                      <td>$183,000</td>
                                  </tr>
                                  <tr>
                                      <td>Donna Snider</td>
                                      <td>Customer Support</td>
                                      <td>New York</td>
                                      <td>27</td>
                                      <td>2011/01/25</td>
                                      <td>$112,000</td>
                                  </tr>
                              </tbody>
                              <tfoot>
                                  <tr>
                                      <th>Name</th>
                                      <th>Position</th>
                                      <th>Office</th>
                                      <th>Age</th>
                                      <th>Start date</th>
                                      <th>Salary</th>
                                  </tr>
                              </tfoot>
                          </table>

                      Problems with the translation of datatables

                      copy iconCopydownload iconDownload
                      "language": {
                        "url": "https://cdn.datatables.net/plug-ins/1.10.19/i18n/Italian.json"
                      },
                      
                      <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/jq-3.6.0/dt-1.11.3/datatables.min.css"/> 
                      <script type="text/javascript" src="https://cdn.datatables.net/v/bs5/jq-3.6.0/dt-1.11.3/datatables.min.js"></script>
                      
                      Vista da 1 a 8 di 8 elementi
                      
                      "language": {
                        "url": "https://cdn.datatables.net/plug-ins/1.10.19/i18n/Italian.json"
                      },
                      
                      <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/jq-3.6.0/dt-1.11.3/datatables.min.css"/> 
                      <script type="text/javascript" src="https://cdn.datatables.net/v/bs5/jq-3.6.0/dt-1.11.3/datatables.min.js"></script>
                      
                      Vista da 1 a 8 di 8 elementi
                      
                      "language": {
                        "url": "https://cdn.datatables.net/plug-ins/1.10.19/i18n/Italian.json"
                      },
                      
                      <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/jq-3.6.0/dt-1.11.3/datatables.min.css"/> 
                      <script type="text/javascript" src="https://cdn.datatables.net/v/bs5/jq-3.6.0/dt-1.11.3/datatables.min.js"></script>
                      
                      Vista da 1 a 8 di 8 elementi
                      

                      Remove navigation collection entity from EFCore lazy loaded context - navigation collection not updated immediately

                      copy iconCopydownload iconDownload
                      var child = new Child { Id = 1, Parent = new Parent { Id = 1 } };
                      Debug.Assert(child.Parent.Children.Count == 0);
                      context.Remove(child);
                      Debug.Assert(child.Parent != null && child.Parent.Children.Contains(child));
                      
                      
                      void Initialize()
                      {
                          ChangeTracker.Tracked += OnEntityTracked;
                          ChangeTracker.StateChanged += OnEntityStateChanged;
                      }
                      
                      void OnEntityStateChanged(object sender, EntityStateChangedEventArgs e)
                      {
                          if (e.NewState == EntityState.Deleted)
                              OnEntityDeleted(e.Entry);
                      }
                      
                      void OnEntityTracked(object sender, EntityTrackedEventArgs e)
                      {
                          if (!e.FromQuery && e.Entry.State == EntityState.Deleted)
                              OnEntityDeleted(e.Entry);
                      }
                      
                      void OnEntityDeleted(EntityEntry entry)
                      {
                          foreach (var refEntry in entry.References)
                          {
                              var refEntity = refEntry.CurrentValue;
                              if (refEntity != null)
                              {
                                  var inverseNavigation = refEntry.Metadata.Inverse;
                                  if (inverseNavigation != null && inverseNavigation.IsCollection)
                                  {
                                      var collection = inverseNavigation.GetCollectionAccessor();
                                      collection.Remove(refEntity, entry.Entity);
                                  }
                              }
                          }
                      }
                      
                      var child = new Child { Id = 1, Parent = new Parent { Id = 1 } };
                      Debug.Assert(child.Parent.Children.Count == 0);
                      context.Remove(child);
                      Debug.Assert(child.Parent != null && child.Parent.Children.Contains(child));
                      
                      
                      void Initialize()
                      {
                          ChangeTracker.Tracked += OnEntityTracked;
                          ChangeTracker.StateChanged += OnEntityStateChanged;
                      }
                      
                      void OnEntityStateChanged(object sender, EntityStateChangedEventArgs e)
                      {
                          if (e.NewState == EntityState.Deleted)
                              OnEntityDeleted(e.Entry);
                      }
                      
                      void OnEntityTracked(object sender, EntityTrackedEventArgs e)
                      {
                          if (!e.FromQuery && e.Entry.State == EntityState.Deleted)
                              OnEntityDeleted(e.Entry);
                      }
                      
                      void OnEntityDeleted(EntityEntry entry)
                      {
                          foreach (var refEntry in entry.References)
                          {
                              var refEntity = refEntry.CurrentValue;
                              if (refEntity != null)
                              {
                                  var inverseNavigation = refEntry.Metadata.Inverse;
                                  if (inverseNavigation != null && inverseNavigation.IsCollection)
                                  {
                                      var collection = inverseNavigation.GetCollectionAccessor();
                                      collection.Remove(refEntity, entry.Entity);
                                  }
                              }
                          }
                      }
                      

                      Why .includes() is not working on my object array?

                      copy iconCopydownload iconDownload
                      const date = { delivery_date: '2021-10-07' };
                      
                      const customers = 
                        [ { first_name: 'Doris'
                          , orders: 
                            [ { product:
                                { name: 'White shell', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                              ] } } 
                            , { product: 
                                { name: 'Pink shell', price: 15, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                          ] } } ] } 
                        , { first_name: 'Nemo'
                          , orders: 
                            [ { product: 
                                { name: 'Carbonated water', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                        ] } } ] } ];
                      
                      const res = customers.filter(function(customer) {
                        return customer.orders.some(function(order) {
                          return order.product.schedule.find(schedule => schedule.delivery_date === date.delivery_date) !== undefined;
                      // alternative :    return !!(order.product.schedule.find(schedule => schedule.delivery_date === date.delivery_date));
                        });
                      });
                      
                      console.log(res);
                      const date = { delivery_date: '2021-10-07' };
                      
                      const customers = 
                        [ { first_name: 'Doris'
                          , orders: 
                            [ { product:
                                { name: 'White shell', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                              ] } } 
                            , { product: 
                                { name: 'Pink shell', price: 15, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                          ] } } ] } 
                        , { first_name: 'Nemo'
                          , orders: 
                            [ { product: 
                                { name: 'Carbonated water', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                        ] } } ] } ];
                        
                      const res = customers.filter(({orders}) =>
                        orders.some( ({product}) =>
                          product.schedule.map(({delivery_date}) => delivery_date)
                            .includes(date.delivery_date)
                        ) )
                      
                      
                      console.log( res )
                      .as-console-wrapper { max-height: 100% !important; top: 0 }
                      const res = customers.filter(({orders}) =>
                        orders.some( ({product}) =>
                          {
                          let tmp_array = product.schedule.map(({delivery_date}) => delivery_date)
                          
                          console.log(product.name, JSON.stringify(tmp_array) )
                          
                          return tmp_array.includes(date.delivery_date)
                          }
                        ) )
                      
                      White shell ["2021-10-07","2021-10-14"] 
                      Carbonated water ["2021-10-07","2021-10-14"]
                      
                      Pink shell ["2021-10-07"]
                      
                      const date = { delivery_date: '2021-10-07' };
                      
                      const customers = 
                        [ { first_name: 'Doris'
                          , orders: 
                            [ { product:
                                { name: 'White shell', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                              ] } } 
                            , { product: 
                                { name: 'Pink shell', price: 15, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                          ] } } ] } 
                        , { first_name: 'Nemo'
                          , orders: 
                            [ { product: 
                                { name: 'Carbonated water', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                        ] } } ] } ];
                        
                      const res = customers.filter(({orders}) =>
                        orders.some( ({product}) =>
                          product.schedule.map(({delivery_date}) => delivery_date)
                            .includes(date.delivery_date)
                        ) )
                      
                      
                      console.log( res )
                      .as-console-wrapper { max-height: 100% !important; top: 0 }
                      const res = customers.filter(({orders}) =>
                        orders.some( ({product}) =>
                          {
                          let tmp_array = product.schedule.map(({delivery_date}) => delivery_date)
                          
                          console.log(product.name, JSON.stringify(tmp_array) )
                          
                          return tmp_array.includes(date.delivery_date)
                          }
                        ) )
                      
                      White shell ["2021-10-07","2021-10-14"] 
                      Carbonated water ["2021-10-07","2021-10-14"]
                      
                      Pink shell ["2021-10-07"]
                      
                      const date = { delivery_date: '2021-10-07' };
                      
                      const customers = 
                        [ { first_name: 'Doris'
                          , orders: 
                            [ { product:
                                { name: 'White shell', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                              ] } } 
                            , { product: 
                                { name: 'Pink shell', price: 15, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                          ] } } ] } 
                        , { first_name: 'Nemo'
                          , orders: 
                            [ { product: 
                                { name: 'Carbonated water', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                        ] } } ] } ];
                        
                      const res = customers.filter(({orders}) =>
                        orders.some( ({product}) =>
                          product.schedule.map(({delivery_date}) => delivery_date)
                            .includes(date.delivery_date)
                        ) )
                      
                      
                      console.log( res )
                      .as-console-wrapper { max-height: 100% !important; top: 0 }
                      const res = customers.filter(({orders}) =>
                        orders.some( ({product}) =>
                          {
                          let tmp_array = product.schedule.map(({delivery_date}) => delivery_date)
                          
                          console.log(product.name, JSON.stringify(tmp_array) )
                          
                          return tmp_array.includes(date.delivery_date)
                          }
                        ) )
                      
                      White shell ["2021-10-07","2021-10-14"] 
                      Carbonated water ["2021-10-07","2021-10-14"]
                      
                      Pink shell ["2021-10-07"]
                      
                      const date = { delivery_date: '2021-10-07' };
                      
                      const customers = 
                        [ { first_name: 'Doris'
                          , orders: 
                            [ { product:
                                { name: 'White shell', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                              ] } } 
                            , { product: 
                                { name: 'Pink shell', price: 15, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                          ] } } ] } 
                        , { first_name: 'Nemo'
                          , orders: 
                            [ { product: 
                                { name: 'Carbonated water', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                        ] } } ] } ];
                        
                      const res = customers.filter(({orders}) =>
                        orders.some( ({product}) =>
                          product.schedule.map(({delivery_date}) => delivery_date)
                            .includes(date.delivery_date)
                        ) )
                      
                      
                      console.log( res )
                      .as-console-wrapper { max-height: 100% !important; top: 0 }
                      const res = customers.filter(({orders}) =>
                        orders.some( ({product}) =>
                          {
                          let tmp_array = product.schedule.map(({delivery_date}) => delivery_date)
                          
                          console.log(product.name, JSON.stringify(tmp_array) )
                          
                          return tmp_array.includes(date.delivery_date)
                          }
                        ) )
                      
                      White shell ["2021-10-07","2021-10-14"] 
                      Carbonated water ["2021-10-07","2021-10-14"]
                      
                      Pink shell ["2021-10-07"]
                      
                      const date = { delivery_date: '2021-10-07' };
                      
                      const customers = 
                        [ { first_name: 'Doris'
                          , orders: 
                            [ { product:
                                { name: 'White shell', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                              ] } } 
                            , { product: 
                                { name: 'Pink shell', price: 15, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                          ] } } ] } 
                        , { first_name: 'Nemo'
                          , orders: 
                            [ { product: 
                                { name: 'Carbonated water', price: 10, schedule: 
                                  [ { delivery_date: '2021-10-07' } 
                                  , { delivery_date: '2021-10-14' } 
                        ] } } ] } ];
                        
                      const res = customers.filter(({orders}) =>
                        orders.some( ({product}) =>
                          product.schedule.map(({delivery_date}) => delivery_date)
                            .includes(date.delivery_date)
                        ) )
                      
                      
                      console.log( res )
                      .as-console-wrapper { max-height: 100% !important; top: 0 }
                      const res = customers.filter(({orders}) =>
                        orders.some( ({product}) =>
                          {
                          let tmp_array = product.schedule.map(({delivery_date}) => delivery_date)
                          
                          console.log(product.name, JSON.stringify(tmp_array) )
                          
                          return tmp_array.includes(date.delivery_date)
                          }
                        ) )
                      
                      White shell ["2021-10-07","2021-10-14"] 
                      Carbonated water ["2021-10-07","2021-10-14"]
                      
                      Pink shell ["2021-10-07"]
                      

                      How to deal with custom column filtering when using columns reorder

                      copy iconCopydownload iconDownload
                      var newIdx = settings.aoColumns.filter(column => column._ColReorder_iOrigCol === 3)[0].idx;
                      
                      $(document).ready(function() {
                      
                      /* Custom filtering function which will search data in column four between two values */
                      $.fn.dataTable.ext.search.push(
                          function( settings, data, dataIndex ) {
                              var newIdx = settings.aoColumns.filter(column => column._ColReorder_iOrigCol === 3)[0].idx;
                      
                              var min = parseInt( $('#min').val(), 10 );
                              var max = parseInt( $('#max').val(), 10 );
                              var age = parseFloat( data[newIdx] ) || 0; // use data for the age column
                       
                              if ( ( isNaN( min ) && isNaN( max ) ) ||
                                   ( isNaN( min ) && age <= max ) ||
                                   ( min <= age   && isNaN( max ) ) ||
                                   ( min <= age   && age <= max ) )
                              {
                                  return true;
                              }
                              return false;
                          }
                      );
                       
                      
                          var table = $('#example').DataTable({
                              colReorder: true
                          });
                           
                          // Event listener to the two range filtering inputs to redraw on input
                          $('#min, #max').keyup( function() {
                              table.draw();
                          } );
                      } );
                      <!doctype html>
                      <html>
                      <head>
                        <meta charset="UTF-8">
                        <title>Demo</title>
                        <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
                        <script src="https://cdn.datatables.net/1.11.1/js/jquery.dataTables.min.js"></script>
                        <script src="https://cdn.datatables.net/colreorder/1.5.4/js/dataTables.colReorder.min.js"></script>
                        <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.1/css/jquery.dataTables.css">
                        <link rel="stylesheet" type="text/css" href="https://datatables.net/media/css/site-examples.css">
                      
                      </head>
                      
                      <body>
                      
                      <div style="margin: 20px;">
                      
                      
                          <table border="0" cellspacing="5" cellpadding="5">
                              <tbody>
                                  <tr>
                                      <td>Minimum age:</td>
                                      <td><input type="text" id="min" name="min"></td>
                                  </tr>
                                  <tr>
                                      <td>Maximum age:</td>
                                      <td><input type="text" id="max" name="max"></td>
                                  </tr>
                              </tbody>
                          </table>
                      
                          <table id="example" class="display" style="width:100%">
                              <thead>
                                  <tr>
                                      <th>Name</th>
                                      <th>Position</th>
                                      <th>Office</th>
                                      <th>Age</th>
                                      <th>Start date</th>
                                      <th>Salary</th>
                                  </tr>
                              </thead>
                              <tbody>
                                  <tr>
                                      <td>Tiger Nixon</td>
                                      <td>System Architect</td>
                                      <td>Edinburgh</td>
                                      <td>61</td>
                                      <td>2011/04/25</td>
                                      <td>$320,800</td>
                                  </tr>
                                  <tr>
                                      <td>Garrett Winters</td>
                                      <td>Accountant</td>
                                      <td>Tokyo</td>
                                      <td>63</td>
                                      <td>2011/07/25</td>
                                      <td>$170,750</td>
                                  </tr>
                                  <tr>
                                      <td>Ashton Cox</td>
                                      <td>Junior Technical Author</td>
                                      <td>San Francisco</td>
                                      <td>66</td>
                                      <td>2009/01/12</td>
                                      <td>$86,000</td>
                                  </tr>
                                  <tr>
                                      <td>Cedric Kelly</td>
                                      <td>Senior Javascript Developer</td>
                                      <td>Edinburgh</td>
                                      <td>22</td>
                                      <td>2012/03/29</td>
                                      <td>$433,060</td>
                                  </tr>
                                  <tr>
                                      <td>Airi Satou</td>
                                      <td>Accountant</td>
                                      <td>Tokyo</td>
                                      <td>33</td>
                                      <td>2008/11/28</td>
                                      <td>$162,700</td>
                                  </tr>
                                  <tr>
                                      <td>Brielle Williamson</td>
                                      <td>Integration Specialist</td>
                                      <td>New York</td>
                                      <td>61</td>
                                      <td>2012/12/02</td>
                                      <td>$372,000</td>
                                  </tr>
                                  <tr>
                                      <td>Herrod Chandler</td>
                                      <td>Sales Assistant</td>
                                      <td>San Francisco</td>
                                      <td>59</td>
                                      <td>2012/08/06</td>
                                      <td>$137,500</td>
                                  </tr>
                                  <tr>
                                      <td>Rhona Davidson</td>
                                      <td>Integration Specialist</td>
                                      <td>Tokyo</td>
                                      <td>55</td>
                                      <td>2010/10/14</td>
                                      <td>$327,900</td>
                                  </tr>
                                  <tr>
                                      <td>Colleen Hurst</td>
                                      <td>Javascript Developer</td>
                                      <td>San Francisco</td>
                                      <td>39</td>
                                      <td>2009/09/15</td>
                                      <td>$205,500</td>
                                  </tr>
                                  <tr>
                                      <td>Sonya Frost</td>
                                      <td>Software Engineer</td>
                                      <td>Edinburgh</td>
                                      <td>23</td>
                                      <td>2008/12/13</td>
                                      <td>$103,600</td>
                                  </tr>
                                  <tr>
                                      <td>Jena Gaines</td>
                                      <td>Office Manager</td>
                                      <td>London</td>
                                      <td>30</td>
                                      <td>2008/12/19</td>
                                      <td>$90,560</td>
                                  </tr>
                                  <tr>
                                      <td>Quinn Flynn</td>
                                      <td>Support Lead</td>
                                      <td>Edinburgh</td>
                                      <td>22</td>
                                      <td>2013/03/03</td>
                                      <td>$342,000</td>
                                  </tr>
                                  <tr>
                                      <td>Charde Marshall</td>
                                      <td>Regional Director</td>
                                      <td>San Francisco</td>
                                      <td>36</td>
                                      <td>2008/10/16</td>
                                      <td>$470,600</td>
                                  </tr>
                                  <tr>
                                      <td>Haley Kennedy</td>
                                      <td>Senior Marketing Designer</td>
                                      <td>London</td>
                                      <td>43</td>
                                      <td>2012/12/18</td>
                                      <td>$313,500</td>
                                  </tr>
                                  <tr>
                                      <td>Tatyana Fitzpatrick</td>
                                      <td>Regional Director</td>
                                      <td>London</td>
                                      <td>19</td>
                                      <td>2010/03/17</td>
                                      <td>$385,750</td>
                                  </tr>
                                  <tr>
                                      <td>Michael Silva</td>
                                      <td>Marketing Designer</td>
                                      <td>London</td>
                                      <td>66</td>
                                      <td>2012/11/27</td>
                                      <td>$198,500</td>
                                  </tr>
                                  <tr>
                                      <td>Paul Byrd</td>
                                      <td>Chief Financial Officer (CFO)</td>
                                      <td>New York</td>
                                      <td>64</td>
                                      <td>2010/06/09</td>
                                      <td>$725,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gloria Little</td>
                                      <td>Systems Administrator</td>
                                      <td>New York</td>
                                      <td>59</td>
                                      <td>2009/04/10</td>
                                      <td>$237,500</td>
                                  </tr>
                                  <tr>
                                      <td>Bradley Greer</td>
                                      <td>Software Engineer</td>
                                      <td>London</td>
                                      <td>41</td>
                                      <td>2012/10/13</td>
                                      <td>$132,000</td>
                                  </tr>
                                  <tr>
                                      <td>Dai Rios</td>
                                      <td>Personnel Lead</td>
                                      <td>Edinburgh</td>
                                      <td>35</td>
                                      <td>2012/09/26</td>
                                      <td>$217,500</td>
                                  </tr>
                                  <tr>
                                      <td>Jenette Caldwell</td>
                                      <td>Development Lead</td>
                                      <td>New York</td>
                                      <td>30</td>
                                      <td>2011/09/03</td>
                                      <td>$345,000</td>
                                  </tr>
                                  <tr>
                                      <td>Yuri Berry</td>
                                      <td>Chief Marketing Officer (CMO)</td>
                                      <td>New York</td>
                                      <td>40</td>
                                      <td>2009/06/25</td>
                                      <td>$675,000</td>
                                  </tr>
                                  <tr>
                                      <td>Caesar Vance</td>
                                      <td>Pre-Sales Support</td>
                                      <td>New York</td>
                                      <td>21</td>
                                      <td>2011/12/12</td>
                                      <td>$106,450</td>
                                  </tr>
                                  <tr>
                                      <td>Doris Wilder</td>
                                      <td>Sales Assistant</td>
                                      <td>Sydney</td>
                                      <td>23</td>
                                      <td>2010/09/20</td>
                                      <td>$85,600</td>
                                  </tr>
                                  <tr>
                                      <td>Angelica Ramos</td>
                                      <td>Chief Executive Officer (CEO)</td>
                                      <td>London</td>
                                      <td>47</td>
                                      <td>2009/10/09</td>
                                      <td>$1,200,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gavin Joyce</td>
                                      <td>Developer</td>
                                      <td>Edinburgh</td>
                                      <td>42</td>
                                      <td>2010/12/22</td>
                                      <td>$92,575</td>
                                  </tr>
                                  <tr>
                                      <td>Jennifer Chang</td>
                                      <td>Regional Director</td>
                                      <td>Singapore</td>
                                      <td>28</td>
                                      <td>2010/11/14</td>
                                      <td>$357,650</td>
                                  </tr>
                                  <tr>
                                      <td>Brenden Wagner</td>
                                      <td>Software Engineer</td>
                                      <td>San Francisco</td>
                                      <td>28</td>
                                      <td>2011/06/07</td>
                                      <td>$206,850</td>
                                  </tr>
                                  <tr>
                                      <td>Fiona Green</td>
                                      <td>Chief Operating Officer (COO)</td>
                                      <td>San Francisco</td>
                                      <td>48</td>
                                      <td>2010/03/11</td>
                                      <td>$850,000</td>
                                  </tr>
                                  <tr>
                                      <td>Shou Itou</td>
                                      <td>Regional Marketing</td>
                                      <td>Tokyo</td>
                                      <td>20</td>
                                      <td>2011/08/14</td>
                                      <td>$163,000</td>
                                  </tr>
                                  <tr>
                                      <td>Michelle House</td>
                                      <td>Integration Specialist</td>
                                      <td>Sydney</td>
                                      <td>37</td>
                                      <td>2011/06/02</td>
                                      <td>$95,400</td>
                                  </tr>
                                  <tr>
                                      <td>Suki Burks</td>
                                      <td>Developer</td>
                                      <td>London</td>
                                      <td>53</td>
                                      <td>2009/10/22</td>
                                      <td>$114,500</td>
                                  </tr>
                                  <tr>
                                      <td>Prescott Bartlett</td>
                                      <td>Technical Author</td>
                                      <td>London</td>
                                      <td>27</td>
                                      <td>2011/05/07</td>
                                      <td>$145,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gavin Cortez</td>
                                      <td>Team Leader</td>
                                      <td>San Francisco</td>
                                      <td>22</td>
                                      <td>2008/10/26</td>
                                      <td>$235,500</td>
                                  </tr>
                                  <tr>
                                      <td>Martena Mccray</td>
                                      <td>Post-Sales support</td>
                                      <td>Edinburgh</td>
                                      <td>46</td>
                                      <td>2011/03/09</td>
                                      <td>$324,050</td>
                                  </tr>
                                  <tr>
                                      <td>Unity Butler</td>
                                      <td>Marketing Designer</td>
                                      <td>San Francisco</td>
                                      <td>47</td>
                                      <td>2009/12/09</td>
                                      <td>$85,675</td>
                                  </tr>
                                  <tr>
                                      <td>Howard Hatfield</td>
                                      <td>Office Manager</td>
                                      <td>San Francisco</td>
                                      <td>51</td>
                                      <td>2008/12/16</td>
                                      <td>$164,500</td>
                                  </tr>
                                  <tr>
                                      <td>Hope Fuentes</td>
                                      <td>Secretary</td>
                                      <td>San Francisco</td>
                                      <td>41</td>
                                      <td>2010/02/12</td>
                                      <td>$109,850</td>
                                  </tr>
                                  <tr>
                                      <td>Vivian Harrell</td>
                                      <td>Financial Controller</td>
                                      <td>San Francisco</td>
                                      <td>62</td>
                                      <td>2009/02/14</td>
                                      <td>$452,500</td>
                                  </tr>
                                  <tr>
                                      <td>Timothy Mooney</td>
                                      <td>Office Manager</td>
                                      <td>London</td>
                                      <td>37</td>
                                      <td>2008/12/11</td>
                                      <td>$136,200</td>
                                  </tr>
                                  <tr>
                                      <td>Jackson Bradshaw</td>
                                      <td>Director</td>
                                      <td>New York</td>
                                      <td>65</td>
                                      <td>2008/09/26</td>
                                      <td>$645,750</td>
                                  </tr>
                                  <tr>
                                      <td>Olivia Liang</td>
                                      <td>Support Engineer</td>
                                      <td>Singapore</td>
                                      <td>64</td>
                                      <td>2011/02/03</td>
                                      <td>$234,500</td>
                                  </tr>
                                  <tr>
                                      <td>Bruno Nash</td>
                                      <td>Software Engineer</td>
                                      <td>London</td>
                                      <td>38</td>
                                      <td>2011/05/03</td>
                                      <td>$163,500</td>
                                  </tr>
                                  <tr>
                                      <td>Sakura Yamamoto</td>
                                      <td>Support Engineer</td>
                                      <td>Tokyo</td>
                                      <td>37</td>
                                      <td>2009/08/19</td>
                                      <td>$139,575</td>
                                  </tr>
                                  <tr>
                                      <td>Thor Walton</td>
                                      <td>Developer</td>
                                      <td>New York</td>
                                      <td>61</td>
                                      <td>2013/08/11</td>
                                      <td>$98,540</td>
                                  </tr>
                                  <tr>
                                      <td>Finn Camacho</td>
                                      <td>Support Engineer</td>
                                      <td>San Francisco</td>
                                      <td>47</td>
                                      <td>2009/07/07</td>
                                      <td>$87,500</td>
                                  </tr>
                                  <tr>
                                      <td>Serge Baldwin</td>
                                      <td>Data Coordinator</td>
                                      <td>Singapore</td>
                                      <td>64</td>
                                      <td>2012/04/09</td>
                                      <td>$138,575</td>
                                  </tr>
                                  <tr>
                                      <td>Zenaida Frank</td>
                                      <td>Software Engineer</td>
                                      <td>New York</td>
                                      <td>63</td>
                                      <td>2010/01/04</td>
                                      <td>$125,250</td>
                                  </tr>
                                  <tr>
                                      <td>Zorita Serrano</td>
                                      <td>Software Engineer</td>
                                      <td>San Francisco</td>
                                      <td>56</td>
                                      <td>2012/06/01</td>
                                      <td>$115,000</td>
                                  </tr>
                                  <tr>
                                      <td>Jennifer Acosta</td>
                                      <td>Junior Javascript Developer</td>
                                      <td>Edinburgh</td>
                                      <td>43</td>
                                      <td>2013/02/01</td>
                                      <td>$75,650</td>
                                  </tr>
                                  <tr>
                                      <td>Cara Stevens</td>
                                      <td>Sales Assistant</td>
                                      <td>New York</td>
                                      <td>46</td>
                                      <td>2011/12/06</td>
                                      <td>$145,600</td>
                                  </tr>
                                  <tr>
                                      <td>Hermione Butler</td>
                                      <td>Regional Director</td>
                                      <td>London</td>
                                      <td>47</td>
                                      <td>2011/03/21</td>
                                      <td>$356,250</td>
                                  </tr>
                                  <tr>
                                      <td>Lael Greer</td>
                                      <td>Systems Administrator</td>
                                      <td>London</td>
                                      <td>21</td>
                                      <td>2009/02/27</td>
                                      <td>$103,500</td>
                                  </tr>
                                  <tr>
                                      <td>Jonas Alexander</td>
                                      <td>Developer</td>
                                      <td>San Francisco</td>
                                      <td>30</td>
                                      <td>2010/07/14</td>
                                      <td>$86,500</td>
                                  </tr>
                                  <tr>
                                      <td>Shad Decker</td>
                                      <td>Regional Director</td>
                                      <td>Edinburgh</td>
                                      <td>51</td>
                                      <td>2008/11/13</td>
                                      <td>$183,000</td>
                                  </tr>
                                  <tr>
                                      <td>Michael Bruce</td>
                                      <td>Javascript Developer</td>
                                      <td>Singapore</td>
                                      <td>29</td>
                                      <td>2011/06/27</td>
                                      <td>$183,000</td>
                                  </tr>
                                  <tr>
                                      <td>Donna Snider</td>
                                      <td>Customer Support</td>
                                      <td>New York</td>
                                      <td>27</td>
                                      <td>2011/01/25</td>
                                      <td>$112,000</td>
                                  </tr>
                              </tbody>
                              <tfoot>
                                  <tr>
                                      <th>Name</th>
                                      <th>Position</th>
                                      <th>Office</th>
                                      <th>Age</th>
                                      <th>Start date</th>
                                      <th>Salary</th>
                                  </tr>
                              </tfoot>
                          </table>
                      
                      </div>
                      
                      
                      </body>
                      </html>
                      var newIdx = settings.aoColumns.filter(column => column._ColReorder_iOrigCol === 3)[0].idx;
                      
                      $(document).ready(function() {
                      
                      /* Custom filtering function which will search data in column four between two values */
                      $.fn.dataTable.ext.search.push(
                          function( settings, data, dataIndex ) {
                              var newIdx = settings.aoColumns.filter(column => column._ColReorder_iOrigCol === 3)[0].idx;
                      
                              var min = parseInt( $('#min').val(), 10 );
                              var max = parseInt( $('#max').val(), 10 );
                              var age = parseFloat( data[newIdx] ) || 0; // use data for the age column
                       
                              if ( ( isNaN( min ) && isNaN( max ) ) ||
                                   ( isNaN( min ) && age <= max ) ||
                                   ( min <= age   && isNaN( max ) ) ||
                                   ( min <= age   && age <= max ) )
                              {
                                  return true;
                              }
                              return false;
                          }
                      );
                       
                      
                          var table = $('#example').DataTable({
                              colReorder: true
                          });
                           
                          // Event listener to the two range filtering inputs to redraw on input
                          $('#min, #max').keyup( function() {
                              table.draw();
                          } );
                      } );
                      <!doctype html>
                      <html>
                      <head>
                        <meta charset="UTF-8">
                        <title>Demo</title>
                        <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
                        <script src="https://cdn.datatables.net/1.11.1/js/jquery.dataTables.min.js"></script>
                        <script src="https://cdn.datatables.net/colreorder/1.5.4/js/dataTables.colReorder.min.js"></script>
                        <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.1/css/jquery.dataTables.css">
                        <link rel="stylesheet" type="text/css" href="https://datatables.net/media/css/site-examples.css">
                      
                      </head>
                      
                      <body>
                      
                      <div style="margin: 20px;">
                      
                      
                          <table border="0" cellspacing="5" cellpadding="5">
                              <tbody>
                                  <tr>
                                      <td>Minimum age:</td>
                                      <td><input type="text" id="min" name="min"></td>
                                  </tr>
                                  <tr>
                                      <td>Maximum age:</td>
                                      <td><input type="text" id="max" name="max"></td>
                                  </tr>
                              </tbody>
                          </table>
                      
                          <table id="example" class="display" style="width:100%">
                              <thead>
                                  <tr>
                                      <th>Name</th>
                                      <th>Position</th>
                                      <th>Office</th>
                                      <th>Age</th>
                                      <th>Start date</th>
                                      <th>Salary</th>
                                  </tr>
                              </thead>
                              <tbody>
                                  <tr>
                                      <td>Tiger Nixon</td>
                                      <td>System Architect</td>
                                      <td>Edinburgh</td>
                                      <td>61</td>
                                      <td>2011/04/25</td>
                                      <td>$320,800</td>
                                  </tr>
                                  <tr>
                                      <td>Garrett Winters</td>
                                      <td>Accountant</td>
                                      <td>Tokyo</td>
                                      <td>63</td>
                                      <td>2011/07/25</td>
                                      <td>$170,750</td>
                                  </tr>
                                  <tr>
                                      <td>Ashton Cox</td>
                                      <td>Junior Technical Author</td>
                                      <td>San Francisco</td>
                                      <td>66</td>
                                      <td>2009/01/12</td>
                                      <td>$86,000</td>
                                  </tr>
                                  <tr>
                                      <td>Cedric Kelly</td>
                                      <td>Senior Javascript Developer</td>
                                      <td>Edinburgh</td>
                                      <td>22</td>
                                      <td>2012/03/29</td>
                                      <td>$433,060</td>
                                  </tr>
                                  <tr>
                                      <td>Airi Satou</td>
                                      <td>Accountant</td>
                                      <td>Tokyo</td>
                                      <td>33</td>
                                      <td>2008/11/28</td>
                                      <td>$162,700</td>
                                  </tr>
                                  <tr>
                                      <td>Brielle Williamson</td>
                                      <td>Integration Specialist</td>
                                      <td>New York</td>
                                      <td>61</td>
                                      <td>2012/12/02</td>
                                      <td>$372,000</td>
                                  </tr>
                                  <tr>
                                      <td>Herrod Chandler</td>
                                      <td>Sales Assistant</td>
                                      <td>San Francisco</td>
                                      <td>59</td>
                                      <td>2012/08/06</td>
                                      <td>$137,500</td>
                                  </tr>
                                  <tr>
                                      <td>Rhona Davidson</td>
                                      <td>Integration Specialist</td>
                                      <td>Tokyo</td>
                                      <td>55</td>
                                      <td>2010/10/14</td>
                                      <td>$327,900</td>
                                  </tr>
                                  <tr>
                                      <td>Colleen Hurst</td>
                                      <td>Javascript Developer</td>
                                      <td>San Francisco</td>
                                      <td>39</td>
                                      <td>2009/09/15</td>
                                      <td>$205,500</td>
                                  </tr>
                                  <tr>
                                      <td>Sonya Frost</td>
                                      <td>Software Engineer</td>
                                      <td>Edinburgh</td>
                                      <td>23</td>
                                      <td>2008/12/13</td>
                                      <td>$103,600</td>
                                  </tr>
                                  <tr>
                                      <td>Jena Gaines</td>
                                      <td>Office Manager</td>
                                      <td>London</td>
                                      <td>30</td>
                                      <td>2008/12/19</td>
                                      <td>$90,560</td>
                                  </tr>
                                  <tr>
                                      <td>Quinn Flynn</td>
                                      <td>Support Lead</td>
                                      <td>Edinburgh</td>
                                      <td>22</td>
                                      <td>2013/03/03</td>
                                      <td>$342,000</td>
                                  </tr>
                                  <tr>
                                      <td>Charde Marshall</td>
                                      <td>Regional Director</td>
                                      <td>San Francisco</td>
                                      <td>36</td>
                                      <td>2008/10/16</td>
                                      <td>$470,600</td>
                                  </tr>
                                  <tr>
                                      <td>Haley Kennedy</td>
                                      <td>Senior Marketing Designer</td>
                                      <td>London</td>
                                      <td>43</td>
                                      <td>2012/12/18</td>
                                      <td>$313,500</td>
                                  </tr>
                                  <tr>
                                      <td>Tatyana Fitzpatrick</td>
                                      <td>Regional Director</td>
                                      <td>London</td>
                                      <td>19</td>
                                      <td>2010/03/17</td>
                                      <td>$385,750</td>
                                  </tr>
                                  <tr>
                                      <td>Michael Silva</td>
                                      <td>Marketing Designer</td>
                                      <td>London</td>
                                      <td>66</td>
                                      <td>2012/11/27</td>
                                      <td>$198,500</td>
                                  </tr>
                                  <tr>
                                      <td>Paul Byrd</td>
                                      <td>Chief Financial Officer (CFO)</td>
                                      <td>New York</td>
                                      <td>64</td>
                                      <td>2010/06/09</td>
                                      <td>$725,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gloria Little</td>
                                      <td>Systems Administrator</td>
                                      <td>New York</td>
                                      <td>59</td>
                                      <td>2009/04/10</td>
                                      <td>$237,500</td>
                                  </tr>
                                  <tr>
                                      <td>Bradley Greer</td>
                                      <td>Software Engineer</td>
                                      <td>London</td>
                                      <td>41</td>
                                      <td>2012/10/13</td>
                                      <td>$132,000</td>
                                  </tr>
                                  <tr>
                                      <td>Dai Rios</td>
                                      <td>Personnel Lead</td>
                                      <td>Edinburgh</td>
                                      <td>35</td>
                                      <td>2012/09/26</td>
                                      <td>$217,500</td>
                                  </tr>
                                  <tr>
                                      <td>Jenette Caldwell</td>
                                      <td>Development Lead</td>
                                      <td>New York</td>
                                      <td>30</td>
                                      <td>2011/09/03</td>
                                      <td>$345,000</td>
                                  </tr>
                                  <tr>
                                      <td>Yuri Berry</td>
                                      <td>Chief Marketing Officer (CMO)</td>
                                      <td>New York</td>
                                      <td>40</td>
                                      <td>2009/06/25</td>
                                      <td>$675,000</td>
                                  </tr>
                                  <tr>
                                      <td>Caesar Vance</td>
                                      <td>Pre-Sales Support</td>
                                      <td>New York</td>
                                      <td>21</td>
                                      <td>2011/12/12</td>
                                      <td>$106,450</td>
                                  </tr>
                                  <tr>
                                      <td>Doris Wilder</td>
                                      <td>Sales Assistant</td>
                                      <td>Sydney</td>
                                      <td>23</td>
                                      <td>2010/09/20</td>
                                      <td>$85,600</td>
                                  </tr>
                                  <tr>
                                      <td>Angelica Ramos</td>
                                      <td>Chief Executive Officer (CEO)</td>
                                      <td>London</td>
                                      <td>47</td>
                                      <td>2009/10/09</td>
                                      <td>$1,200,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gavin Joyce</td>
                                      <td>Developer</td>
                                      <td>Edinburgh</td>
                                      <td>42</td>
                                      <td>2010/12/22</td>
                                      <td>$92,575</td>
                                  </tr>
                                  <tr>
                                      <td>Jennifer Chang</td>
                                      <td>Regional Director</td>
                                      <td>Singapore</td>
                                      <td>28</td>
                                      <td>2010/11/14</td>
                                      <td>$357,650</td>
                                  </tr>
                                  <tr>
                                      <td>Brenden Wagner</td>
                                      <td>Software Engineer</td>
                                      <td>San Francisco</td>
                                      <td>28</td>
                                      <td>2011/06/07</td>
                                      <td>$206,850</td>
                                  </tr>
                                  <tr>
                                      <td>Fiona Green</td>
                                      <td>Chief Operating Officer (COO)</td>
                                      <td>San Francisco</td>
                                      <td>48</td>
                                      <td>2010/03/11</td>
                                      <td>$850,000</td>
                                  </tr>
                                  <tr>
                                      <td>Shou Itou</td>
                                      <td>Regional Marketing</td>
                                      <td>Tokyo</td>
                                      <td>20</td>
                                      <td>2011/08/14</td>
                                      <td>$163,000</td>
                                  </tr>
                                  <tr>
                                      <td>Michelle House</td>
                                      <td>Integration Specialist</td>
                                      <td>Sydney</td>
                                      <td>37</td>
                                      <td>2011/06/02</td>
                                      <td>$95,400</td>
                                  </tr>
                                  <tr>
                                      <td>Suki Burks</td>
                                      <td>Developer</td>
                                      <td>London</td>
                                      <td>53</td>
                                      <td>2009/10/22</td>
                                      <td>$114,500</td>
                                  </tr>
                                  <tr>
                                      <td>Prescott Bartlett</td>
                                      <td>Technical Author</td>
                                      <td>London</td>
                                      <td>27</td>
                                      <td>2011/05/07</td>
                                      <td>$145,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gavin Cortez</td>
                                      <td>Team Leader</td>
                                      <td>San Francisco</td>
                                      <td>22</td>
                                      <td>2008/10/26</td>
                                      <td>$235,500</td>
                                  </tr>
                                  <tr>
                                      <td>Martena Mccray</td>
                                      <td>Post-Sales support</td>
                                      <td>Edinburgh</td>
                                      <td>46</td>
                                      <td>2011/03/09</td>
                                      <td>$324,050</td>
                                  </tr>
                                  <tr>
                                      <td>Unity Butler</td>
                                      <td>Marketing Designer</td>
                                      <td>San Francisco</td>
                                      <td>47</td>
                                      <td>2009/12/09</td>
                                      <td>$85,675</td>
                                  </tr>
                                  <tr>
                                      <td>Howard Hatfield</td>
                                      <td>Office Manager</td>
                                      <td>San Francisco</td>
                                      <td>51</td>
                                      <td>2008/12/16</td>
                                      <td>$164,500</td>
                                  </tr>
                                  <tr>
                                      <td>Hope Fuentes</td>
                                      <td>Secretary</td>
                                      <td>San Francisco</td>
                                      <td>41</td>
                                      <td>2010/02/12</td>
                                      <td>$109,850</td>
                                  </tr>
                                  <tr>
                                      <td>Vivian Harrell</td>
                                      <td>Financial Controller</td>
                                      <td>San Francisco</td>
                                      <td>62</td>
                                      <td>2009/02/14</td>
                                      <td>$452,500</td>
                                  </tr>
                                  <tr>
                                      <td>Timothy Mooney</td>
                                      <td>Office Manager</td>
                                      <td>London</td>
                                      <td>37</td>
                                      <td>2008/12/11</td>
                                      <td>$136,200</td>
                                  </tr>
                                  <tr>
                                      <td>Jackson Bradshaw</td>
                                      <td>Director</td>
                                      <td>New York</td>
                                      <td>65</td>
                                      <td>2008/09/26</td>
                                      <td>$645,750</td>
                                  </tr>
                                  <tr>
                                      <td>Olivia Liang</td>
                                      <td>Support Engineer</td>
                                      <td>Singapore</td>
                                      <td>64</td>
                                      <td>2011/02/03</td>
                                      <td>$234,500</td>
                                  </tr>
                                  <tr>
                                      <td>Bruno Nash</td>
                                      <td>Software Engineer</td>
                                      <td>London</td>
                                      <td>38</td>
                                      <td>2011/05/03</td>
                                      <td>$163,500</td>
                                  </tr>
                                  <tr>
                                      <td>Sakura Yamamoto</td>
                                      <td>Support Engineer</td>
                                      <td>Tokyo</td>
                                      <td>37</td>
                                      <td>2009/08/19</td>
                                      <td>$139,575</td>
                                  </tr>
                                  <tr>
                                      <td>Thor Walton</td>
                                      <td>Developer</td>
                                      <td>New York</td>
                                      <td>61</td>
                                      <td>2013/08/11</td>
                                      <td>$98,540</td>
                                  </tr>
                                  <tr>
                                      <td>Finn Camacho</td>
                                      <td>Support Engineer</td>
                                      <td>San Francisco</td>
                                      <td>47</td>
                                      <td>2009/07/07</td>
                                      <td>$87,500</td>
                                  </tr>
                                  <tr>
                                      <td>Serge Baldwin</td>
                                      <td>Data Coordinator</td>
                                      <td>Singapore</td>
                                      <td>64</td>
                                      <td>2012/04/09</td>
                                      <td>$138,575</td>
                                  </tr>
                                  <tr>
                                      <td>Zenaida Frank</td>
                                      <td>Software Engineer</td>
                                      <td>New York</td>
                                      <td>63</td>
                                      <td>2010/01/04</td>
                                      <td>$125,250</td>
                                  </tr>
                                  <tr>
                                      <td>Zorita Serrano</td>
                                      <td>Software Engineer</td>
                                      <td>San Francisco</td>
                                      <td>56</td>
                                      <td>2012/06/01</td>
                                      <td>$115,000</td>
                                  </tr>
                                  <tr>
                                      <td>Jennifer Acosta</td>
                                      <td>Junior Javascript Developer</td>
                                      <td>Edinburgh</td>
                                      <td>43</td>
                                      <td>2013/02/01</td>
                                      <td>$75,650</td>
                                  </tr>
                                  <tr>
                                      <td>Cara Stevens</td>
                                      <td>Sales Assistant</td>
                                      <td>New York</td>
                                      <td>46</td>
                                      <td>2011/12/06</td>
                                      <td>$145,600</td>
                                  </tr>
                                  <tr>
                                      <td>Hermione Butler</td>
                                      <td>Regional Director</td>
                                      <td>London</td>
                                      <td>47</td>
                                      <td>2011/03/21</td>
                                      <td>$356,250</td>
                                  </tr>
                                  <tr>
                                      <td>Lael Greer</td>
                                      <td>Systems Administrator</td>
                                      <td>London</td>
                                      <td>21</td>
                                      <td>2009/02/27</td>
                                      <td>$103,500</td>
                                  </tr>
                                  <tr>
                                      <td>Jonas Alexander</td>
                                      <td>Developer</td>
                                      <td>San Francisco</td>
                                      <td>30</td>
                                      <td>2010/07/14</td>
                                      <td>$86,500</td>
                                  </tr>
                                  <tr>
                                      <td>Shad Decker</td>
                                      <td>Regional Director</td>
                                      <td>Edinburgh</td>
                                      <td>51</td>
                                      <td>2008/11/13</td>
                                      <td>$183,000</td>
                                  </tr>
                                  <tr>
                                      <td>Michael Bruce</td>
                                      <td>Javascript Developer</td>
                                      <td>Singapore</td>
                                      <td>29</td>
                                      <td>2011/06/27</td>
                                      <td>$183,000</td>
                                  </tr>
                                  <tr>
                                      <td>Donna Snider</td>
                                      <td>Customer Support</td>
                                      <td>New York</td>
                                      <td>27</td>
                                      <td>2011/01/25</td>
                                      <td>$112,000</td>
                                  </tr>
                              </tbody>
                              <tfoot>
                                  <tr>
                                      <th>Name</th>
                                      <th>Position</th>
                                      <th>Office</th>
                                      <th>Age</th>
                                      <th>Start date</th>
                                      <th>Salary</th>
                                  </tr>
                              </tfoot>
                          </table>
                      
                      </div>
                      
                      
                      </body>
                      </html>
                      var newIdx = settings.aoColumns.filter(column => column._ColReorder_iOrigCol === 3)[0].idx;
                      
                      $(document).ready(function() {
                      
                      /* Custom filtering function which will search data in column four between two values */
                      $.fn.dataTable.ext.search.push(
                          function( settings, data, dataIndex ) {
                              var newIdx = settings.aoColumns.filter(column => column._ColReorder_iOrigCol === 3)[0].idx;
                      
                              var min = parseInt( $('#min').val(), 10 );
                              var max = parseInt( $('#max').val(), 10 );
                              var age = parseFloat( data[newIdx] ) || 0; // use data for the age column
                       
                              if ( ( isNaN( min ) && isNaN( max ) ) ||
                                   ( isNaN( min ) && age <= max ) ||
                                   ( min <= age   && isNaN( max ) ) ||
                                   ( min <= age   && age <= max ) )
                              {
                                  return true;
                              }
                              return false;
                          }
                      );
                       
                      
                          var table = $('#example').DataTable({
                              colReorder: true
                          });
                           
                          // Event listener to the two range filtering inputs to redraw on input
                          $('#min, #max').keyup( function() {
                              table.draw();
                          } );
                      } );
                      <!doctype html>
                      <html>
                      <head>
                        <meta charset="UTF-8">
                        <title>Demo</title>
                        <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
                        <script src="https://cdn.datatables.net/1.11.1/js/jquery.dataTables.min.js"></script>
                        <script src="https://cdn.datatables.net/colreorder/1.5.4/js/dataTables.colReorder.min.js"></script>
                        <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.1/css/jquery.dataTables.css">
                        <link rel="stylesheet" type="text/css" href="https://datatables.net/media/css/site-examples.css">
                      
                      </head>
                      
                      <body>
                      
                      <div style="margin: 20px;">
                      
                      
                          <table border="0" cellspacing="5" cellpadding="5">
                              <tbody>
                                  <tr>
                                      <td>Minimum age:</td>
                                      <td><input type="text" id="min" name="min"></td>
                                  </tr>
                                  <tr>
                                      <td>Maximum age:</td>
                                      <td><input type="text" id="max" name="max"></td>
                                  </tr>
                              </tbody>
                          </table>
                      
                          <table id="example" class="display" style="width:100%">
                              <thead>
                                  <tr>
                                      <th>Name</th>
                                      <th>Position</th>
                                      <th>Office</th>
                                      <th>Age</th>
                                      <th>Start date</th>
                                      <th>Salary</th>
                                  </tr>
                              </thead>
                              <tbody>
                                  <tr>
                                      <td>Tiger Nixon</td>
                                      <td>System Architect</td>
                                      <td>Edinburgh</td>
                                      <td>61</td>
                                      <td>2011/04/25</td>
                                      <td>$320,800</td>
                                  </tr>
                                  <tr>
                                      <td>Garrett Winters</td>
                                      <td>Accountant</td>
                                      <td>Tokyo</td>
                                      <td>63</td>
                                      <td>2011/07/25</td>
                                      <td>$170,750</td>
                                  </tr>
                                  <tr>
                                      <td>Ashton Cox</td>
                                      <td>Junior Technical Author</td>
                                      <td>San Francisco</td>
                                      <td>66</td>
                                      <td>2009/01/12</td>
                                      <td>$86,000</td>
                                  </tr>
                                  <tr>
                                      <td>Cedric Kelly</td>
                                      <td>Senior Javascript Developer</td>
                                      <td>Edinburgh</td>
                                      <td>22</td>
                                      <td>2012/03/29</td>
                                      <td>$433,060</td>
                                  </tr>
                                  <tr>
                                      <td>Airi Satou</td>
                                      <td>Accountant</td>
                                      <td>Tokyo</td>
                                      <td>33</td>
                                      <td>2008/11/28</td>
                                      <td>$162,700</td>
                                  </tr>
                                  <tr>
                                      <td>Brielle Williamson</td>
                                      <td>Integration Specialist</td>
                                      <td>New York</td>
                                      <td>61</td>
                                      <td>2012/12/02</td>
                                      <td>$372,000</td>
                                  </tr>
                                  <tr>
                                      <td>Herrod Chandler</td>
                                      <td>Sales Assistant</td>
                                      <td>San Francisco</td>
                                      <td>59</td>
                                      <td>2012/08/06</td>
                                      <td>$137,500</td>
                                  </tr>
                                  <tr>
                                      <td>Rhona Davidson</td>
                                      <td>Integration Specialist</td>
                                      <td>Tokyo</td>
                                      <td>55</td>
                                      <td>2010/10/14</td>
                                      <td>$327,900</td>
                                  </tr>
                                  <tr>
                                      <td>Colleen Hurst</td>
                                      <td>Javascript Developer</td>
                                      <td>San Francisco</td>
                                      <td>39</td>
                                      <td>2009/09/15</td>
                                      <td>$205,500</td>
                                  </tr>
                                  <tr>
                                      <td>Sonya Frost</td>
                                      <td>Software Engineer</td>
                                      <td>Edinburgh</td>
                                      <td>23</td>
                                      <td>2008/12/13</td>
                                      <td>$103,600</td>
                                  </tr>
                                  <tr>
                                      <td>Jena Gaines</td>
                                      <td>Office Manager</td>
                                      <td>London</td>
                                      <td>30</td>
                                      <td>2008/12/19</td>
                                      <td>$90,560</td>
                                  </tr>
                                  <tr>
                                      <td>Quinn Flynn</td>
                                      <td>Support Lead</td>
                                      <td>Edinburgh</td>
                                      <td>22</td>
                                      <td>2013/03/03</td>
                                      <td>$342,000</td>
                                  </tr>
                                  <tr>
                                      <td>Charde Marshall</td>
                                      <td>Regional Director</td>
                                      <td>San Francisco</td>
                                      <td>36</td>
                                      <td>2008/10/16</td>
                                      <td>$470,600</td>
                                  </tr>
                                  <tr>
                                      <td>Haley Kennedy</td>
                                      <td>Senior Marketing Designer</td>
                                      <td>London</td>
                                      <td>43</td>
                                      <td>2012/12/18</td>
                                      <td>$313,500</td>
                                  </tr>
                                  <tr>
                                      <td>Tatyana Fitzpatrick</td>
                                      <td>Regional Director</td>
                                      <td>London</td>
                                      <td>19</td>
                                      <td>2010/03/17</td>
                                      <td>$385,750</td>
                                  </tr>
                                  <tr>
                                      <td>Michael Silva</td>
                                      <td>Marketing Designer</td>
                                      <td>London</td>
                                      <td>66</td>
                                      <td>2012/11/27</td>
                                      <td>$198,500</td>
                                  </tr>
                                  <tr>
                                      <td>Paul Byrd</td>
                                      <td>Chief Financial Officer (CFO)</td>
                                      <td>New York</td>
                                      <td>64</td>
                                      <td>2010/06/09</td>
                                      <td>$725,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gloria Little</td>
                                      <td>Systems Administrator</td>
                                      <td>New York</td>
                                      <td>59</td>
                                      <td>2009/04/10</td>
                                      <td>$237,500</td>
                                  </tr>
                                  <tr>
                                      <td>Bradley Greer</td>
                                      <td>Software Engineer</td>
                                      <td>London</td>
                                      <td>41</td>
                                      <td>2012/10/13</td>
                                      <td>$132,000</td>
                                  </tr>
                                  <tr>
                                      <td>Dai Rios</td>
                                      <td>Personnel Lead</td>
                                      <td>Edinburgh</td>
                                      <td>35</td>
                                      <td>2012/09/26</td>
                                      <td>$217,500</td>
                                  </tr>
                                  <tr>
                                      <td>Jenette Caldwell</td>
                                      <td>Development Lead</td>
                                      <td>New York</td>
                                      <td>30</td>
                                      <td>2011/09/03</td>
                                      <td>$345,000</td>
                                  </tr>
                                  <tr>
                                      <td>Yuri Berry</td>
                                      <td>Chief Marketing Officer (CMO)</td>
                                      <td>New York</td>
                                      <td>40</td>
                                      <td>2009/06/25</td>
                                      <td>$675,000</td>
                                  </tr>
                                  <tr>
                                      <td>Caesar Vance</td>
                                      <td>Pre-Sales Support</td>
                                      <td>New York</td>
                                      <td>21</td>
                                      <td>2011/12/12</td>
                                      <td>$106,450</td>
                                  </tr>
                                  <tr>
                                      <td>Doris Wilder</td>
                                      <td>Sales Assistant</td>
                                      <td>Sydney</td>
                                      <td>23</td>
                                      <td>2010/09/20</td>
                                      <td>$85,600</td>
                                  </tr>
                                  <tr>
                                      <td>Angelica Ramos</td>
                                      <td>Chief Executive Officer (CEO)</td>
                                      <td>London</td>
                                      <td>47</td>
                                      <td>2009/10/09</td>
                                      <td>$1,200,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gavin Joyce</td>
                                      <td>Developer</td>
                                      <td>Edinburgh</td>
                                      <td>42</td>
                                      <td>2010/12/22</td>
                                      <td>$92,575</td>
                                  </tr>
                                  <tr>
                                      <td>Jennifer Chang</td>
                                      <td>Regional Director</td>
                                      <td>Singapore</td>
                                      <td>28</td>
                                      <td>2010/11/14</td>
                                      <td>$357,650</td>
                                  </tr>
                                  <tr>
                                      <td>Brenden Wagner</td>
                                      <td>Software Engineer</td>
                                      <td>San Francisco</td>
                                      <td>28</td>
                                      <td>2011/06/07</td>
                                      <td>$206,850</td>
                                  </tr>
                                  <tr>
                                      <td>Fiona Green</td>
                                      <td>Chief Operating Officer (COO)</td>
                                      <td>San Francisco</td>
                                      <td>48</td>
                                      <td>2010/03/11</td>
                                      <td>$850,000</td>
                                  </tr>
                                  <tr>
                                      <td>Shou Itou</td>
                                      <td>Regional Marketing</td>
                                      <td>Tokyo</td>
                                      <td>20</td>
                                      <td>2011/08/14</td>
                                      <td>$163,000</td>
                                  </tr>
                                  <tr>
                                      <td>Michelle House</td>
                                      <td>Integration Specialist</td>
                                      <td>Sydney</td>
                                      <td>37</td>
                                      <td>2011/06/02</td>
                                      <td>$95,400</td>
                                  </tr>
                                  <tr>
                                      <td>Suki Burks</td>
                                      <td>Developer</td>
                                      <td>London</td>
                                      <td>53</td>
                                      <td>2009/10/22</td>
                                      <td>$114,500</td>
                                  </tr>
                                  <tr>
                                      <td>Prescott Bartlett</td>
                                      <td>Technical Author</td>
                                      <td>London</td>
                                      <td>27</td>
                                      <td>2011/05/07</td>
                                      <td>$145,000</td>
                                  </tr>
                                  <tr>
                                      <td>Gavin Cortez</td>
                                      <td>Team Leader</td>
                                      <td>San Francisco</td>
                                      <td>22</td>
                                      <td>2008/10/26</td>
                                      <td>$235,500</td>
                                  </tr>
                                  <tr>
                                      <td>Martena Mccray</td>
                                      <td>Post-Sales support</td>
                                      <td>Edinburgh</td>
                                      <td>46</td>
                                      <td>2011/03/09</td>
                                      <td>$324,050</td>
                                  </tr>
                                  <tr>
                                      <td>Unity Butler</td>
                                      <td>Marketing Designer</td>
                                      <td>San Francisco</td>
                                      <td>47</td>
                                      <td>2009/12/09</td>
                                      <td>$85,675</td>
                                  </tr>
                                  <tr>
                                      <td>Howard Hatfield</td>
                                      <td>Office Manager</td>
                                      <td>San Francisco</td>
                                      <td>51</td>
                                      <td>2008/12/16</td>
                                      <td>$164,500</td>
                                  </tr>
                                  <tr>
                                      <td>Hope Fuentes</td>
                                      <td>Secretary</td>
                                      <td>San Francisco</td>
                                      <td>41</td>
                                      <td>2010/02/12</td>
                                      <td>$109,850</td>
                                  </tr>
                                  <tr>
                                      <td>Vivian Harrell</td>
                                      <td>Financial Controller</td>
                                      <td>San Francisco</td>
                                      <td>62</td>
                                      <td>2009/02/14</td>
                                      <td>$452,500</td>
                                  </tr>
                                  <tr>
                                      <td>Timothy Mooney</td>
                                      <td>Office Manager</td>
                                      <td>London</td>
                                      <td>37</td>
                                      <td>2008/12/11</td>
                                      <td>$136,200</td>
                                  </tr>
                                  <tr>
                                      <td>Jackson Bradshaw</td>
                                      <td>Director</td>
                                      <td>New York</td>
                                      <td>65</td>
                                      <td>2008/09/26</td>
                                      <td>$645,750</td>
                                  </tr>
                                  <tr>
                                      <td>Olivia Liang</td>
                                      <td>Support Engineer</td>
                                      <td>Singapore</td>
                                      <td>64</td>
                                      <td>2011/02/03</td>
                                      <td>$234,500</td>
                                  </tr>
                                  <tr>
                                      <td>Bruno Nash</td>
                                      <td>Software Engineer</td>
                                      <td>London</td>
                                      <td>38</td>
                                      <td>2011/05/03</td>
                                      <td>$163,500</td>
                                  </tr>
                                  <tr>
                                      <td>Sakura Yamamoto</td>
                                      <td>Support Engineer</td>
                                      <td>Tokyo</td>
                                      <td>37</td>
                                      <td>2009/08/19</td>
                                      <td>$139,575</td>
                                  </tr>
                                  <tr>
                                      <td>Thor Walton</td>
                                      <td>Developer</td>
                                      <td>New York</td>
                                      <td>61</td>
                                      <td>2013/08/11</td>
                                      <td>$98,540</td>
                                  </tr>
                                  <tr>
                                      <td>Finn Camacho</td>
                                      <td>Support Engineer</td>
                                      <td>San Francisco</td>
                                      <td>47</td>
                                      <td>2009/07/07</td>
                                      <td>$87,500</td>
                                  </tr>
                                  <tr>
                                      <td>Serge Baldwin</td>
                                      <td>Data Coordinator</td>
                                      <td>Singapore</td>
                                      <td>64</td>
                                      <td>2012/04/09</td>
                                      <td>$138,575</td>
                                  </tr>
                                  <tr>
                                      <td>Zenaida Frank</td>
                                      <td>Software Engineer</td>
                                      <td>New York</td>
                                      <td>63</td>
                                      <td>2010/01/04</td>
                                      <td>$125,250</td>
                                  </tr>
                                  <tr>
                                      <td>Zorita Serrano</td>
                                      <td>Software Engineer</td>
                                      <td>San Francisco</td>
                                      <td>56</td>
                                      <td>2012/06/01</td>
                                      <td>$115,000</td>
                                  </tr>
                                  <tr>
                                      <td>Jennifer Acosta</td>
                                      <td>Junior Javascript Developer</td>
                                      <td>Edinburgh</td>
                                      <td>43</td>
                                      <td>2013/02/01</td>
                                      <td>$75,650</td>
                                  </tr>
                                  <tr>
                                      <td>Cara Stevens</td>
                                      <td>Sales Assistant</td>
                                      <td>New York</td>
                                      <td>46</td>
                                      <td>2011/12/06</td>
                                      <td>$145,600</td>
                                  </tr>
                                  <tr>
                                      <td>Hermione Butler</td>
                                      <td>Regional Director</td>
                                      <td>London</td>
                                      <td>47</td>
                                      <td>2011/03/21</td>
                                      <td>$356,250</td>
                                  </tr>
                                  <tr>
                                      <td>Lael Greer</td>
                                      <td>Systems Administrator</td>
                                      <td>London</td>
                                      <td>21</td>
                                      <td>2009/02/27</td>
                                      <td>$103,500</td>
                                  </tr>
                                  <tr>
                                      <td>Jonas Alexander</td>
                                      <td>Developer</td>
                                      <td>San Francisco</td>
                                      <td>30</td>
                                      <td>2010/07/14</td>
                                      <td>$86,500</td>
                                  </tr>
                                  <tr>
                                      <td>Shad Decker</td>
                                      <td>Regional Director</td>
                                      <td>Edinburgh</td>
                                      <td>51</td>
                                      <td>2008/11/13</td>
                                      <td>$183,000</td>
                                  </tr>
                                  <tr>
                                      <td>Michael Bruce</td>
                                      <td>Javascript Developer</td>
                                      <td>Singapore</td>
                                      <td>29</td>
                                      <td>2011/06/27</td>
                                      <td>$183,000</td>
                                  </tr>
                                  <tr>
                                      <td>Donna Snider</td>
                                      <td>Customer Support</td>
                                      <td>New York</td>
                                      <td>27</td>
                                      <td>2011/01/25</td>
                                      <td>$112,000</td>
                                  </tr>
                              </tbody>
                              <tfoot>
                                  <tr>
                                      <th>Name</th>
                                      <th>Position</th>
                                      <th>Office</th>
                                      <th>Age</th>
                                      <th>Start date</th>
                                      <th>Salary</th>
                                  </tr>
                              </tfoot>
                          </table>
                      
                      </div>
                      
                      
                      </body>
                      </html>

                      Community Discussions

                      Trending Discussions on Doris
                      • Bootstrap 5 Grid Not Equaling 12 Column Width
                      • Spring integration amqp adding headers repetitively
                      • how to single out certain names in sql
                      • inserting unique data from one table into another in sql
                      • Search, pagination and sorting features not applying to datatable
                      • Change button text depend on click of another button
                      • Problems with the translation of datatables
                      • Remove navigation collection entity from EFCore lazy loaded context - navigation collection not updated immediately
                      • Why .includes() is not working on my object array?
                      • How to deal with custom column filtering when using columns reorder
                      Trending Discussions on Doris

                      QUESTION

                      Bootstrap 5 Grid Not Equaling 12 Column Width

                      Asked 2022-Mar-01 at 17:32

                      Correct me if I am wrong, a bootstrap grid consists of 12 columns (width-wise [per the Grid System Documentation]). If I specify two columns within a fluid container (always width 100%), the first column col-md-3, and the second col-md-9. Why does my second column always get pushed underneath the first column? Shouldn't it be side by side?

                              var dataSet = [
                                  ["Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800"],
                                  ["Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750"],
                                  ["Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000"],
                                  ["Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060"],
                                  ["Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700"],
                                  ["Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000"],
                                  ["Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500"],
                                  ["Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900"],
                                  ["Colleen Hurst", "Javascript Developer", "San Francisco", "2360", "2009/09/15", "$205,500"],
                                  ["Sonya Frost", "Software Engineer", "Edinburgh", "1667", "2008/12/13", "$103,600"],
                                  ["Jena Gaines", "Office Manager", "London", "3814", "2008/12/19", "$90,560"],
                                  ["Quinn Flynn", "Support Lead", "Edinburgh", "9497", "2013/03/03", "$342,000"],
                                  ["Charde Marshall", "Regional Director", "San Francisco", "6741", "2008/10/16", "$470,600"],
                                  ["Haley Kennedy", "Senior Marketing Designer", "London", "3597", "2012/12/18", "$313,500"],
                                  ["Tatyana Fitzpatrick", "Regional Director", "London", "1965", "2010/03/17", "$385,750"],
                                  ["Michael Silva", "Marketing Designer", "London", "1581", "2012/11/27", "$198,500"],
                                  ["Paul Byrd", "Chief Financial Officer (CFO)", "New York", "3059", "2010/06/09", "$725,000"],
                                  ["Gloria Little", "Systems Administrator", "New York", "1721", "2009/04/10", "$237,500"],
                                  ["Bradley Greer", "Software Engineer", "London", "2558", "2012/10/13", "$132,000"],
                                  ["Dai Rios", "Personnel Lead", "Edinburgh", "2290", "2012/09/26", "$217,500"],
                                  ["Jenette Caldwell", "Development Lead", "New York", "1937", "2011/09/03", "$345,000"],
                                  ["Yuri Berry", "Chief Marketing Officer (CMO)", "New York", "6154", "2009/06/25", "$675,000"],
                                  ["Caesar Vance", "Pre-Sales Support", "New York", "8330", "2011/12/12", "$106,450"],
                                  ["Doris Wilder", "Sales Assistant", "Sydney", "3023", "2010/09/20", "$85,600"],
                                  ["Angelica Ramos", "Chief Executive Officer (CEO)", "London", "5797", "2009/10/09", "$1,200,000"],
                                  ["Gavin Joyce", "Developer", "Edinburgh", "8822", "2010/12/22", "$92,575"],
                                  ["Jennifer Chang", "Regional Director", "Singapore", "9239", "2010/11/14", "$357,650"],
                                  ["Brenden Wagner", "Software Engineer", "San Francisco", "1314", "2011/06/07", "$206,850"],
                                  ["Fiona Green", "Chief Operating Officer (COO)", "San Francisco", "2947", "2010/03/11", "$850,000"],
                                  ["Shou Itou", "Regional Marketing", "Tokyo", "8899", "2011/08/14", "$163,000"],
                                  ["Michelle House", "Integration Specialist", "Sydney", "2769", "2011/06/02", "$95,400"],
                                  ["Suki Burks", "Developer", "London", "6832", "2009/10/22", "$114,500"],
                                  ["Prescott Bartlett", "Technical Author", "London", "3606", "2011/05/07", "$145,000"],
                                  ["Gavin Cortez", "Team Leader", "San Francisco", "2860", "2008/10/26", "$235,500"],
                                  ["Martena Mccray", "Post-Sales support", "Edinburgh", "8240", "2011/03/09", "$324,050"],
                                  ["Unity Butler", "Marketing Designer", "San Francisco", "5384", "2009/12/09", "$85,675"]
                              ];
                      
                              $(document).ready(function () {
                                  $('#example').DataTable({
                                      data: dataSet,
                                      columns: [
                                          { title: "Name" },
                                          { title: "Position" },
                                          { title: "Office" },
                                          { title: "Extn." },
                                          { title: "Start date" },
                                          { title: "Salary" }
                                      ]
                                  });
                              });
                      #newBTN, #updtBTN {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      #newBTN:visited, #updtBTN:visited {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      .button {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      .button:visited {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      #newBTN, #updtBTN {
                        width: 300px;
                      }
                      
                      #my-legend {
                        width: 300px;
                      }
                      .my-legend .legend-title {
                        text-align: left;
                        margin-bottom: 5px;
                        font-weight: bold;
                        font-size: 90%;
                      }
                      
                      .my-legend .legend-scale ul {
                        margin: 0;
                        margin-bottom: 5px;
                        padding: 0;
                        float: left;
                        list-style: none;
                      }
                      
                      .my-legend .legend-scale ul li {
                        font-size: 80%;
                        list-style: none;
                        margin-left: 0;
                        line-height: 18px;
                        margin-bottom: 2px;
                      }
                      
                      .my-legend ul.legend-labels li span {
                        display: block;
                        float: left;
                        height: 16px;
                        width: 30px;
                        margin-right: 5px;
                        margin-left: 0;
                        border: 1px solid #999;
                      }
                      
                      .my-legend .legend-source {
                        font-size: 70%;
                        color: #999;
                        clear: both;
                      }
                      
                      .my-legend a {
                        color: #777;
                      }
                      <!DOCTYPE html>
                      <html lang="en">
                      <head>
                          <meta charset="UTF-8">
                          <meta name="viewport" content="width=device-width, initial-scale=1.0">
                          <link rel="stylesheet" type="text/css"
                              href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/buttons/1.7.1/css/buttons.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/datetime/1.1.0/css/dataTables.dateTime.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/rowgroup/1.1.3/css/rowGroup.bootstrap5.min.css" />
                          <link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />
                      
                          <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/js/bootstrap.bundle.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/dataTables.buttons.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.bootstrap5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.html5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.print.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/datetime/1.1.0/js/dataTables.dateTime.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/responsive/2.2.9/js/responsive.bootstrap5.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/rowgroup/1.1.3/js/dataTables.rowGroup.min.js"></script>
                          <script src="https://momentjs.com/downloads/moment.min.js"></script>
                      </head>
                      <body>
                      <div class="container-fluid">
                        
                      <div class="col-md-3">
                        <div class="row p-3">
                          <a href="#" class="button btn" id="newBTN" onclick="openDialog();">Create New Report</a>
                        </div>
                        <div class="row p-3">
                          <a href="#" class="button btn" id="updtBTN" onclick="openEditForThisUserThisWeek();">Update Current Report</a>
                        </div>
                        <div class="row justify-content-center p-3">
                          <div class='my-legend' id="my-legend" style="border: 1px solid black;">
                            <div class='legend-title'>Color Code Values:</div>
                            <div class='legend-scale'>
                              <ul class='legend-labels'>
                                <li><span style='background:#66b266;'></span>100 - 75 % Present</li>
                                <li><span style='background:#ffff66;'></span>75 - 25 % Present</li>
                                <li><span style='background:#ff6666;'></span>Less than 25% Present</li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-6">
                        <table id="example" class="display" width="100%"></table>
                      </div>
                      </div>
                      
                      </body>
                      </html>

                      ANSWER

                      Answered 2022-Mar-01 at 17:32

                      You're missing a div with the row class after your container-fluid div. That will help you with your case. In Bootstrap, after a container, if you will use cols, it is best to wrap them into a row class div.

                      var dataSet = [
                                  ["Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800"],
                                  ["Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750"],
                                  ["Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000"],
                                  ["Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060"],
                                  ["Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700"],
                                  ["Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000"],
                                  ["Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500"],
                                  ["Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900"],
                                  ["Colleen Hurst", "Javascript Developer", "San Francisco", "2360", "2009/09/15", "$205,500"],
                                  ["Sonya Frost", "Software Engineer", "Edinburgh", "1667", "2008/12/13", "$103,600"],
                                  ["Jena Gaines", "Office Manager", "London", "3814", "2008/12/19", "$90,560"],
                                  ["Quinn Flynn", "Support Lead", "Edinburgh", "9497", "2013/03/03", "$342,000"],
                                  ["Charde Marshall", "Regional Director", "San Francisco", "6741", "2008/10/16", "$470,600"],
                                  ["Haley Kennedy", "Senior Marketing Designer", "London", "3597", "2012/12/18", "$313,500"],
                                  ["Tatyana Fitzpatrick", "Regional Director", "London", "1965", "2010/03/17", "$385,750"],
                                  ["Michael Silva", "Marketing Designer", "London", "1581", "2012/11/27", "$198,500"],
                                  ["Paul Byrd", "Chief Financial Officer (CFO)", "New York", "3059", "2010/06/09", "$725,000"],
                                  ["Gloria Little", "Systems Administrator", "New York", "1721", "2009/04/10", "$237,500"],
                                  ["Bradley Greer", "Software Engineer", "London", "2558", "2012/10/13", "$132,000"],
                                  ["Dai Rios", "Personnel Lead", "Edinburgh", "2290", "2012/09/26", "$217,500"],
                                  ["Jenette Caldwell", "Development Lead", "New York", "1937", "2011/09/03", "$345,000"],
                                  ["Yuri Berry", "Chief Marketing Officer (CMO)", "New York", "6154", "2009/06/25", "$675,000"],
                                  ["Caesar Vance", "Pre-Sales Support", "New York", "8330", "2011/12/12", "$106,450"],
                                  ["Doris Wilder", "Sales Assistant", "Sydney", "3023", "2010/09/20", "$85,600"],
                                  ["Angelica Ramos", "Chief Executive Officer (CEO)", "London", "5797", "2009/10/09", "$1,200,000"],
                                  ["Gavin Joyce", "Developer", "Edinburgh", "8822", "2010/12/22", "$92,575"],
                                  ["Jennifer Chang", "Regional Director", "Singapore", "9239", "2010/11/14", "$357,650"],
                                  ["Brenden Wagner", "Software Engineer", "San Francisco", "1314", "2011/06/07", "$206,850"],
                                  ["Fiona Green", "Chief Operating Officer (COO)", "San Francisco", "2947", "2010/03/11", "$850,000"],
                                  ["Shou Itou", "Regional Marketing", "Tokyo", "8899", "2011/08/14", "$163,000"],
                                  ["Michelle House", "Integration Specialist", "Sydney", "2769", "2011/06/02", "$95,400"],
                                  ["Suki Burks", "Developer", "London", "6832", "2009/10/22", "$114,500"],
                                  ["Prescott Bartlett", "Technical Author", "London", "3606", "2011/05/07", "$145,000"],
                                  ["Gavin Cortez", "Team Leader", "San Francisco", "2860", "2008/10/26", "$235,500"],
                                  ["Martena Mccray", "Post-Sales support", "Edinburgh", "8240", "2011/03/09", "$324,050"],
                                  ["Unity Butler", "Marketing Designer", "San Francisco", "5384", "2009/12/09", "$85,675"]
                              ];
                      
                              $(document).ready(function () {
                                  $('#example').DataTable({
                                      data: dataSet,
                                      columns: [
                                          { title: "Name" },
                                          { title: "Position" },
                                          { title: "Office" },
                                          { title: "Extn." },
                                          { title: "Start date" },
                                          { title: "Salary" }
                                      ]
                                  });
                              });
                      #newBTN, #updtBTN {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      #newBTN:visited, #updtBTN:visited {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      .button {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      .button:visited {
                        background: #B3AB7D;
                        padding: 10px;
                        text-align: center;
                        border-radius: 5px;
                        color: white;
                        font-weight: bold;
                        margin: 0 auto;
                      }
                      
                      #newBTN, #updtBTN {
                        width: 300px;
                      }
                      
                      #my-legend {
                        width: 300px;
                      }
                      .my-legend .legend-title {
                        text-align: left;
                        margin-bottom: 5px;
                        font-weight: bold;
                        font-size: 90%;
                      }
                      
                      .my-legend .legend-scale ul {
                        margin: 0;
                        margin-bottom: 5px;
                        padding: 0;
                        float: left;
                        list-style: none;
                      }
                      
                      .my-legend .legend-scale ul li {
                        font-size: 80%;
                        list-style: none;
                        margin-left: 0;
                        line-height: 18px;
                        margin-bottom: 2px;
                      }
                      
                      .my-legend ul.legend-labels li span {
                        display: block;
                        float: left;
                        height: 16px;
                        width: 30px;
                        margin-right: 5px;
                        margin-left: 0;
                        border: 1px solid #999;
                      }
                      
                      .my-legend .legend-source {
                        font-size: 70%;
                        color: #999;
                        clear: both;
                      }
                      
                      .my-legend a {
                        color: #777;
                      }
                      <!DOCTYPE html>
                      <html lang="en">
                      <head>
                          <meta charset="UTF-8">
                          <meta name="viewport" content="width=device-width, initial-scale=1.0">
                          <link rel="stylesheet" type="text/css"
                              href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/buttons/1.7.1/css/buttons.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/datetime/1.1.0/css/dataTables.dateTime.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap5.min.css" />
                          <link rel="stylesheet" type="text/css"
                              href="https://cdn.datatables.net/rowgroup/1.1.3/css/rowGroup.bootstrap5.min.css" />
                          <link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />
                      
                          <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/js/bootstrap.bundle.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
                          <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/dataTables.buttons.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.bootstrap5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.html5.min.js"></script>
                          <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.print.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/datetime/1.1.0/js/dataTables.dateTime.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/responsive/2.2.9/js/responsive.bootstrap5.js"></script>
                          <script type="text/javascript"
                              src="https://cdn.datatables.net/rowgroup/1.1.3/js/dataTables.rowGroup.min.js"></script>
                          <script src="https://momentjs.com/downloads/moment.min.js"></script>
                      </head>
                      <body>
                      <div class="container-fluid">
                      <div class="row my-3">
                      <div class="col-md-3">
                        <div class="row p-3">
                          <a href="#" class="button btn" id="newBTN" onclick="openDialog();">Create New Report</a>
                        </div>
                        <div class="row p-3">
                          <a href="#" class="button btn" id="updtBTN" onclick="openEditForThisUserThisWeek();">Update Current Report</a>
                        </div>
                        <div class="row justify-content-center p-3">
                          <div class='my-legend' id="my-legend" style="border: 1px solid black;">
                            <div class='legend-title'>Color Code Values:</div>
                            <div class='legend-scale'>
                              <ul class='legend-labels'>
                                <li><span style='background:#66b266;'></span>100 - 75 % Present</li>
                                <li><span style='background:#ffff66;'></span>75 - 25 % Present</li>
                                <li><span style='background:#ff6666;'></span>Less than 25% Present</li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-6">
                        <table id="example" class="display" width="100%"></table>
                      </div>
                      </div>
                      </div>
                      </body>
                      </html>

                      Source https://stackoverflow.com/questions/71312195

                      Community Discussions, Code Snippets contain sources that include Stack Exchange Network

                      Vulnerabilities

                      No vulnerabilities reported

                      Install Doris

                      You can download it from GitHub.
                      You can use Doris like any standard Java library. Please include the the jar files in your classpath. You can also use any IDE and you can run and debug the Doris component as you would do with any other Java program. Best practice is to use a build tool that supports dependency management such as Maven or Gradle. For Maven installation, please refer maven.apache.org. For Gradle installation, please refer gradle.org .

                      Support

                      For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

                      DOWNLOAD this Library from

                      Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from
                      over 430 million Knowledge Items
                      Find more libraries
                      Reuse Solution Kits and Libraries Curated by Popular Use Cases
                      Explore Kits

                      Save this library and start creating your kit

                      Explore Related Topics

                      Share this Page

                      share link
                      Consider Popular Database Libraries
                      Try Top Libraries by itisaid
                      Compare Database Libraries with Highest Support
                      Compare Database Libraries with Highest Quality
                      Compare Database Libraries with Highest Security
                      Compare Database Libraries with Permissive License
                      Compare Database Libraries with Highest Reuse
                      Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from
                      over 430 million Knowledge Items
                      Find more libraries
                      Reuse Solution Kits and Libraries Curated by Popular Use Cases
                      Explore Kits

                      Save this library and start creating your kit

                      • © 2022 Open Weaver Inc.