使用Easy ui实现选项卡切换显示不同内容的表格,并分页

Posted ▁▁丶小白 ℡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Easy ui实现选项卡切换显示不同内容的表格,并分页相关的知识,希望对你有一定的参考价值。

<div class="easyui-tabs"  style="width:100%;" data-options="fit:true">
    <div title="标题">
        <table class="easyui-datagrid" data-options="
            isField:‘id‘, 
            url:‘‘,
            fitColumns:true,
            method:‘get‘,
            rownumbers:true,
            singleSelect:true,
            autoRowHeight:false,
            pagination:true,
            pageSize:10">
            <thead>
                <tr>
                    <th field="1" width="17%">项目编号/项目标题</th>
                    <th field="2" width="15%">投资人</th>
                    <th field="3" width="17%">投资金额</th>
                    <th field="4" width="15%">投资状态</th>
                    <th field="5" width="17%">认投金额</th>
                    <th field="6" width="17%">投资时间</th>
                </tr>
            </thead>
        </table>
    </div>
</div>

 

以上是关于使用Easy ui实现选项卡切换显示不同内容的表格,并分页的主要内容,如果未能解决你的问题,请参考以下文章

7月新的开始 - LayUI的基本使用 - Tab选项卡切换显示对应数据

以角度切换选项卡时保持选项卡状态

excel中通过下拉菜单显示不同的报表内容,类似下拉选项中,一旦切换内容,后面的表格内容全都不同?

慕课编程题JS选项卡切换

在 BottomNavigationView 中切换选项卡时出现延迟

tp5.1 layui 数据表格 选项卡 同个内容框显示不同的数据列表