如何编辑数据表的位置's按钮
How to Edit Position of Datatables's Button?
我遇到一个问题,数据表的页面按钮越界。我使用了SB管理模板(引导程序)。我试图编辑我的datatables函数,但它不起作用。我试着在这个函数中JSFiddle,但它不起作用。
我的数据表按钮
我想要这样的数据表:
我想要这个
我试图编辑我的函数,这是我的数据表的函数:
<script>
$('#datatables').dataTable
({
"sScrollX": "200%", //This is what made my columns increase in size.
"bScrollCollapse": true,
"sScrollY": "800px",
"bAutoWidth": false,
"aoColumns": [
{ "sWidth": "5%" }, // 1st column width
{ "sWidth": "null" }, // 2nd column width
{ "sWidth": "70%" }, // 3rd column width
{ "sWidth": "null" }, // 4th column width
{ "sWidth": "null" }, // 5th column width
{ "sWidth": "40%" }, // 6th column width
{ "sWidth": "null" }, // 7th column width
{ "sWidth": "null" }, // 8th column width
{ "sWidth": "null" }, // 9th column width
{ "sWidth": "35%" }, // 10th column width
{ "sWidth": "35%" }, // 11th column width
{ "sWidth": "null" }, //12
{ "sWidth": "null" }, //13
{ "sWidth": "null" }, //14
{ "sWidth": "null" }, //15
{ "sWidth": "null" }, //16
{ "sWidth": "15%" } //17
],
"bPaginate": true,
"sDom":'<"H"lCfr>t<"F"ip>',
//"sDom": '<"search"f><"top"l>rt<"bottom"ip><"clear">',
"sPaginationType":"full_numbers",
"aaSorting":[[0, "asc"]],
"bJQueryUI":true
});
</script>
我试着编辑我的sDom,但它不起作用。我使用了这个项目的代码点火器框架。请帮忙。谢谢
您可以更改数据表"sDom"选项以使用引导类,使其适合页面宽度。您也可以尝试更改网格类组合,如col-md-3、col-md--3和col-md-6或任何其他:
{
"sDom": '<<"col-md-4"f><"col-md-4"l><"col-md-4"i>><trp>'
}
OR
{
"sDom": '<<"col-md-3"f><"col-md-3"l><"col-md-6"i>><trp>'
}
相关文章:
- jquery试图按名称获取按钮位置
- 更改后退按钮的指向位置
- 在TWebBrowser(谷歌地图)中显示位置,而无需单击按钮
- JavaScript幻灯片显示,每个幻灯片的下一个按钮都有不同的位置
- 当用户单击按钮(在光标位置)时,在输入字段中添加一个文本字符串
- 按下后退按钮时,如何保持可滚动区域的滚动位置
- 流星应用程序中的按钮位置错误
- 获得点击按钮的正确位置(涟漪效应)
- HTML 按钮以在页面上的其他位置提交表单
- 使用地理位置创建一个显示我当前位置的按钮
- 当我使用html5画布单击按钮时,要更改矩形的位置
- 我希望每次单击按钮时都能将每张图片更改为显示在屏幕上的同一位置
- 点击一个按钮,谷歌地图应该至少适合3个离你当前位置点最近的标记
- 使用Window_handles在位置弹出窗口中单击按钮,并带有守夜功能
- 为什么jqueryUI按钮和按钮集的位置不同
- 创建存储按钮单击位置的数组
- 阻止浏览器在按下后退按钮时捕捉到上一个滚动位置
- $apply没有'无法处理“后退”按钮提示的位置更改
- 使用固定位置的按钮使图像适合宽度
- 浏览器的“上一个”按钮位置更改