layui：flow流加载加载更多和没有更多了放到自定义标签里面

例如下面的

 <div id="flowcontent">
        <table class="layui-table" lay-even="" lay-skin="row" >
            <colgroup>
                <col width="50">
                <col width="150">
                <col width="150">
                <col width="150">
                <col width="200">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>图片</th><!--<input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose">-->
                <th>商品名称</th>
                <th>创建时间</th>
                <th>选取</th>
            </tr>
            </thead>
            <tbody id="viewcontent">
            </tbody>
        </table>
    </div>

内容加载放到tbody里面，但是没有居中怎么弄

如下图：

怎么弄呢？

修改lay文件夹下面的modules里面的flow.js 

把里面js格式化之后，找到下面代码大约21行

var   h = l('<div class="layui-flow-more"><a href="javascript:;">' + d + "</a></div>");

这一行替换

if(f[0].tagName == 'TBODY') {
                    var tl=f.parent().find('tr th').length;
                    var   h = l('<tr><td colspan="'+tl+'"><div class="layui-flow-more"><a href="javascript:;">' + d + "</a></div></td></tr>");
                }else{
                    var   h = l('<div class="layui-flow-more"><a href="javascript:;">' + d + "</a></div>");
                }

 替换之后效果

 但是发现完成之后发现最后文字也是刚开始一样的

找到下面代码大约33行：

h.html(v) : h.find("a").html(d)

替换成：

h.find("a").parent().html(v) : h.find("a").html(d),

 

这就ok了