【问题标题】:setting the number of visible rows in a dandelion datatable设置蒲公英数据表中的可见行数
【发布时间】:2014-06-30 06:03:36
【问题描述】:

我希望蒲公英数据表一次显示 15 行,而不是默认的 10 行。有人可以告诉我如何做到这一点吗?

下面是一些代码,我一次显示 10 行,并使用分页控件在 10 行的集合之间滚动:

<datatables:table id="mydata" data="${mydataset}" cdn="true" row="mr" theme="bootstrap2" 
    cssClass="table table-striped" paginate="true" info="false" 
    cssStyle="width: 150px;" align="left" dom="frtp">
    <datatables:column title="Concept Type" cssStyle="width: 150px;" display="html">
        <c:out value="${mr.something}"/>
    </datatables:column>
</datatables:table>

【问题讨论】:

    标签: java spring jsp spring-mvc dandelion


    【解决方案1】:

    您可以使用lengthChange 属性,该属性允许用户从选择菜单中选择格式化页面的大小 (sizes are 10, 25, 50 and 100)

    此属性仅在 paginate="true" 时有效

    如果您不想显示下拉菜单并希望将其更改为 15,那么您可以覆盖以下属性

    global.feature.displayLength=15
    

    上述属性的默认值为 10,这就是为什么你显示 10 的结果。

    请使用下面的代码并试一试

    <datatables:table id="mydata" data="${mydataset}" cdn="true" row="mr" theme="bootstrap2" 
        cssClass="table table-striped" paginate="true"  info="false" 
        cssStyle="width: 150px;" align="left" dom="frtp" lengthChange="true">
        <datatables:column title="Concept Type" cssStyle="width: 150px;" display="html">
            <c:out value="${mr.something}"/>
        </datatables:column>
       <datatables:prop name="feature.displayLength" value="15" />
    </datatables:table>
    

    如何覆盖 ??

    • 您可以在根目录添加一个名为datatables.properties 的文件 类路径,允许您重新定义所需的每个属性。您的 然后自定义全局配置将与默认配置合并。
    • 或者您可以使用&lt;datatables:prop&gt; JSP 标记在本地覆盖属性。只需定义属性的名称和 价值。

    【讨论】:

    • +1,谢谢。我更改了您的代码以指示 paginate=false,然后尝试了您的建议。由于我的数据集中只有 14 行,因此我无法判断您的 lengthChange 标记是否除了 paginate=false 之外还做了任何事情。但我将此标记为答案,因为对于我的固定长度数据集,它解决了将所有内容放在一页上的问题。
    • 呵呵 :)))..很高兴我能帮忙
    • 我试图让我的蒲公英数据表仅在用户在搜索框中输入至少三个字符后才填充。你也愿意帮助我解决这个新问题吗?这是链接:stackoverflow.com/questions/23662863/…
    • 新版本不工作我使用蒲公英1.1.1 有问题stackoverflow.com/questions/37834638/…
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-07-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-08
    • 2016-09-08
    • 1970-01-01
    相关资源
    最近更新 更多