在DataTables列上设置占位符筛选select

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>

<thead>
  <tr>
    <th>Name</th>
    <th>Age</th>
    <th>City</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><input type="text" placeholder="Search by name"></td>
    <td><input type="text" placeholder="Search by age"></td>
    <td><input type="text" placeholder="Search by city"></td>
  </tr>
  <!-- 表格数据行 -->
</tbody>

$(document).ready(function() {
  $('#example').DataTable({
    "searching": true, // 开启筛选功能
    "language": {
      "searchPlaceholder": "Search...", // 设置全局筛选输入框的占位符文本
    }
  });
});