gpt4 book ai didi

jQuery DataTables - 带有 ScrollY 的响应表不起作用

转载 作者:行者123 更新时间:2023-12-01 00:22:21 27 4
gpt4 key购买 nike

我正在将 DataTables 插件与响应表一起使用,修复了 yScroll 并禁用了 xScroll。

但是我仍然得到水平滚动条,尽管我添加了如下代码......

scrollY: 200,
scrollX: false,

Screenshot Ref: enter image description here

无论如何,我使用的是响应式表格,为什么我要显示水平滚动条?

因此,“展开/折叠列”功能也不起作用...

请引用下面的代码、在线示例和屏幕截图...

<小时/>

Online Demo

<小时/>

CSS

th,td{white-space:nowrap;}

如果我删除上面的 css,它就会按预期工作。但我不想结束 td/th 文本。这就是我面临问题的地方:(

jQuery:

$(document).ready(function() { 

var table = $('#example').DataTable( {
dom: 'RCT<"clear">lfrtip',

scrollY: 200,
scrollX: false,

columnDefs: [
{ visible: false, targets: 1 }
],

"tableTools": {
"sRowSelect": "multi",
"aButtons": [
{
"sExtends": "print",
"sButtonText": "Print"
}
]
}

});
});

HTML

<table id="example" class="display responsive" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>

<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
.....................

最佳答案

将其更改为:

columnDefs: [
{ visible: false, targets: 1 }
],

致:

columnDefs: [
{ targets: 1 }
],

水平滚动条消失。

工作叉: http://cssdeck.com/labs/qfeibp13

关于jQuery DataTables - 带有 ScrollY 的响应表不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31810034/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com