Question

我有一个包含许多列的表，因此我想使用蒲公英数据表添加一个scrollX功能（向右和向左滚动），如下所示：

<div class="container">
    <jsp:include page="../fragments/bodyHeader.jsp"/>
    <datatables:table id="listDbResultItem" data="${listDbResultItem}" row="dbResultItem" scrollX="200">
        <datatables:column title="Target Name" property="targetName"/>
        .
        .
        .
    </datatables:table>
</div

我尝试了几种变体，但滚动条没有出现......有什么想法吗？

蒲公英版： 0.10.0

Answer 1

scrollX属性的值实际上是一个CSS单位。如果是数字，则将该值视为像素测量值。见http://dandelion.github.io/datatables/docs/ref/jsp/table.html#scrollX

尝试以百分比形式设置值：

<datatables:table ... scrollX="200%">
   ...
</datatables:table>

旁注：请准确说明Dandelion-Datatables的版本。

Answer 2

将cssClass="table添加到表减速解决了问题。

谢谢，

蒲公英数据表scrollX不起作用

2 个答案: