蒲公英数据表scrollX不起作用答案

【问题标题】：dandelion datatables scrollX doesn't work蒲公英数据表scrollX不起作用
【发布时间】：2015-02-19 07:33:51
【问题描述】：

我有一个包含许多列的表，所以我想使用蒲公英数据表添加一个 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

【问题讨论】：

标签： javascript jquery datatables dandelion

【解决方案1】：

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

尝试设置百分比值：

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

旁注：请准确说明蒲公英数据表的版本。

【讨论】：

嗨，我输入了200%，但它不起作用。来自 pom.xml：<dandelion.version>0.10.0</dandelion.version>。请注意，我在 ready 方法中没有与蒲公英相关的内容。谢谢。

【解决方案2】：

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

谢谢，

【讨论】：