在引导主题中搜索和显示数据表条目的代码在哪里

问题描述 投票:0回答:1

我想更改css属性,还需要更改bootstrap中DataTable的“显示条目”和“搜索”移动设备的html代码。

我在开发者工具中找到了这段代码

    <div class="dataTables_length" id="tblData_length">
     <label>Show 
     <select name="tblData_length" aria-controls="tblData" class="">
        <option value="50">50</option><option value="100">100</option><option value="200">200</option>
     </select> 
      entries
     </label>
    </div>
Search code is Following:

<div id="tblData_filter" class="dataTables_filter">
    <label>Search:
        <input type="search" class="" placeholder="" aria-controls="tblData">
    </label>
</div>

诗。我没有找到DataTable的“显示条目”和“搜索”代码,因为我使用直接链接使用DataTable。所以我也无法修改搜索和显示条目的代码。 如何修改并添加我的代码html代码到“显示条目”和“搜索”?我不需要删除它。 任何提示将不胜感激。 谢谢

bootstrap-4 datatables bootstrap-5
1个回答
0
投票

要修改“显示条目”,您必须使用

infoCallback
,例如

$('#example').dataTable( {
  "infoCallback": function( settings, start, end, max, total, pre ) {
    return start +" to "+ end;
  }
} );

但我不确定你想做什么...

© www.soinside.com 2019 - 2024. All rights reserved.