为什么对于一个手机号码,这个数据表没有显示任何结果

Why is this datatable showing no result when for a mobile number?

本文关键字:显示 任何 结果 数据表 于一个 手机号码 为什么      更新时间:2023-09-26

我有一个数据表,我将把数据放在其中。您可以看到下面的代码。我想让你注意到这一点;代码现在就可以完美工作了。但是,当您从代码&然后尝试使用配置文件id(8或12)进行搜索;它不会像没有手机号码时那样显示记录。我想知道为什么。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css">
    <script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
    <script>
      $(function() {
        $(".datatable").DataTable();
      });
    </script>
    <table class="datatable table table-bordered table-striped">
      <thead>
        <tr>
          <th>Profile id</th>
          <th>Name</th>
          <th>Surname</th>
<!--          <th>Mobile#</th>-->
        </tr>
      </thead>
      <tfoot>
        <tr>
          <th>Profile id</th>
          <th>Name</th>
          <th>Surname</th>
<!--          <th>Mobile#</th>-->
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td>1</td>
          <td>John</td>
          <td>Keller</td>
          <!--<td>12123123</td>-->
        </tr>
        <tr>
          <td>2</td>
          <td>Donald</td>
          <td>Duck</td>
          <!--            <td>12123123</td>-->
        </tr>
      </tbody>
    </table>

Fiddle链接…:Fiddle链接

这对我有效。我在Chrome中看不到任何问题,至少在中是这样

我可以搜索电话1,2,3和id 8来找到John,电话4,5,6和id 9来找到Duck

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css">
    <script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
    <script>
      $(function() {
        $(".datatable").DataTable();
      });
    </script>
    <table class="datatable table table-bordered table-striped">
      <thead>
        <tr>
          <th>Profile id</th>
          <th>Name</th>
          <th>Surname</th>
          <th>Mobile#</th>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <th>Profile id</th>
          <th>Name</th>
          <th>Surname</th>
          <th>Mobile#</th>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td>8</td>
          <td>John</td>
          <td>Keller</td>
          <td>123</td>
        </tr>
        <tr>
          <td>9</td>
          <td>Donald</td>
          <td>Duck</td>
          <td>456</td>
        </tr>
      </tbody>
    </table>

如果搜索字段包含该值,那么它似乎会在所有td元素中进行搜索,是否可能为此使用正则表达式?

我还没有使用过DataTables,但有没有办法设置它应该签入哪个字段?那很可能会解决你的问题。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css">
    <script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
    <script>
      $(function() {
        $(".datatable").DataTable();
      });
    </script>
    <table class="datatable table table-bordered table-striped">
      <thead>
        <tr>
          <th>Profile id</th>
          <th>Name</th>
          <th>Surname</th>
          <th>Mobile#</th>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <th>Profile id</th>
          <th>Name</th>
          <th>Surname</th>
          <th>Mobile#</th>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td>1</td>
          <td>John</td>
          <td>Keller</td>
          <td>12123123</td>
        </tr>
        <tr>
          <td>2</td>
          <td>Donald</td>
          <td>Duck</td>
          <td>23232323</td>
        </tr>
      </tbody>
    </table>