HTML

<input type="text" id="my_news_search" class="" placeholder="搜索站內新聞"> <button class="" id="my_news_search_btn" type="button">搜索</button>

JS

<script>$(document).ready( function () {$('#table_id_example').DataTable({"fnPreDrawCallback": function( oSettings ) {$('.dataTables_filter input').attr({'name':'search','placeholder': '搜索站內新聞公告'});//提示},language: {"sProcessing": "處理中...","sLengthMenu": "顯示 _MENU_ 項結果","sZeroRecords": "沒有匹配結果","sInfo": "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項","sInfoEmpty": "顯示第 0 至 0 項結果，共 0 項","sInfoFiltered": "(由 _MAX_ 項結果過濾)","sInfoPostFix": "","sSearch": "搜索:","sUrl": "","sEmptyTable": "表中數據為空","sLoadingRecords": "載入中...","sInfoThousands": ",","oPaginate": {"sFirst": "首頁","sPrevious": "上頁","sNext": "下頁","sLast": "末頁"},"oAria": {"sSortAscending": ": 以升序排列此列","sSortDescending": ": 以降序排列此列"}} });var table = $('#table_id_example').DataTable();$('#my_news_search').on( 'keyup', function () {table.search( this.value ).draw(); } );$('#my_news_search_btn').on( 'onclick', function () {table.search( this.value ).draw(); } );} ); </script>

?

總結

以上是生活随笔為你收集整理的datatable 自定义搜索框 + 汉化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。