table显示问题(分页)

提问 已结 7 381
I自渡I
I自渡I 2019-2-18
悬赏:20飞吻
版本:layui 2.4.5 浏览器:谷歌
如何让其显示成一行
开启分页样式出问题,怎么破
回帖
  • @I自渡I 你加我qq276425870
    0 回复
  • 贴出你的代码 正常分页不会有这类问题 看看宽度之类的
    0 回复
  • I自渡I
    2019-2-18
    @BrokenHeart
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="<@full_path path='css/layui.css'/>"/>

    <script type="text/javascript" src="<@full_path path='js/jquery.min-2.1.1.js' />"></script>
    <script type="text/javascript" src="<@full_path path='js/layer/layer.js' />"></script>
    <script type="text/javascript" src="<@full_path path='js/layui/layui.js' />"></script>
    </head>
    <body>

    <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;">
    <!-- <legend>按钮主题</legend> -->
    </fieldset>
    <table id="test" lay-filter="test"></table>
    <script type="text/javascript">
    $(function () {
    var domain = window.location.href.toString();
    baseUrl = domain.substring(0, domain.indexOf('/',domain.indexOf('//') + 2) + 1)+"admin/admin/";
    });
    layui.use('table', function(){
    var table = layui.table;
    if('${pid!''}'!=""){
    table.render({
    elem: '#test'
    ,url:baseUrl'
    ,cols: [[
    /* {field:'id', title: 'ID', align: 'center'}
    , */{field:'docName',width:300, title: '文件名称'} //width 支持:数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度,layui 2.2.1 新增
    ,{field:'sex',width:80, title: '附件', align: 'center'}
    ,{field:'city', width:80,title: '流程状态'}
    ,{field:'createUserName',width:80, title: '创建人'}
    ,{field:'docSize', width:80,title: '文件大小'} //单元格内容水平居中
    ,{field:'experience', width:80,title: '文件有效性'} //单元格内容水平居中
    ,{field:'score',width:80, title: '文件来源'}
    ]]
    ,page: true
    });
    }
    });
    </script>

    </body>
    </html>
    0 回复
  • layui.use('table', function(){
    var table = layui.table;
    这里加上分页试试
    0 回复
  • I自渡I
    2019-2-18
    @BrokenHeart 没懂
    0 回复
  • Martin_orz
    2019-2-18
    多看看官方实例是怎么写的,怎么用table,怎么开启分页
    0 回复
  • I自渡I
    2019-2-19
    已解决....
    0 回复