mx-table

固定表头

<%for(var i=0;i<5;i++){%> <%}%> <%for(var i=0;i<10;i++){%> <%for(var j=0;j<5;j++){%> <%}%> <%}%>
示例字段<%=i%>
示例字段内容<%=j%>
HTML Code:
<mx-view path="app/gallery/mx-table/sticky">
    <table class="table table-striped">
        <thead>
            <tr>
                <th><input type="checkbox" class="checkbox" linkage="example1" /></th>
                <%for(var i=0;i<5;i++){%>
                <th>示例字段<%=i%></th>
                <%}%>
            </tr>
        </thead>
        <tbody>
            <%for(var i=0;i<10;i++){%>
            <tr>
                <td><input type="checkbox" class="checkbox" linkage-parent="example1" value="ex1_<%=i%>" /></td>
                <%for(var j=0;j<5;j++){%>
                <td>示例字段内容<%=j%></td>
                <%}%>
            </tr>
            <%}%>
        </tbody>
    </table>
</mx-view>

固定列

<%for(var i=0;i<25;i++){%> <%}%> <%for(var i=0;i<10;i++){%> <%for(var j=0;j<25;j++){%> <%}%> <%}%>
示例字段<%=i%>操作 操作
示例字段内容<%=j%> 删除
报告
<%if(i%3){%> 代码
备注
更多
<%}%> 		adf
HTML Code:
<mx-table rwd-range="2,-1">
    <table class="table table-striped">
        <thead>
            <tr>
                <th style="width:50px"><input type="checkbox" class="checkbox" linkage="example2" /></th>
                <%for(var i=0;i<25;i++){%>
                <th style="width:200px">示例字段<%=i%></th>
                <%}%>
                <th style="width:100px">操作</th>
            </tr>
        </thead>
        <tbody>
            <%for(var i=0;i<10;i++){%>
            <tr>
                <td style="width:50px"><input type="checkbox" class="checkbox" linkage-parent="example2" value="ex1_<%=i%>" /></td>
                <%for(var j=0;j<25;j++){%>
                <td style="width:200px">示例字段内容<%=j%></td>
                <%}%>
                <td style="width:100px">
                    <a href="#">删除</a><br />
                    <a href="#">报告</a><br />
                    <%if(i%3){%>
                    <a href="#">代码</a><br />
                    <a href="#">备注</a><br />
                    <a href="#">更多</a><br />
                    <%}%>
                </td>
            </tr>
            <%}%>
        </tbody>
    </table>
</mx-table>

固定列和表头

<%for(var i=0;i<25;i++){%> <%}%> <%for(var i=0;i<10;i++){%> <%for(var j=0;j<25;j++){%> <%}%> <%}%>
示例字段<%=i%>
示例字段内容<%=j%>
HTML Code:
<mx-view path="app/gallery/mx-table/index" rwd-range="2,-2" sticky="true">
    <table class="table table-striped">
        <thead>
            <tr>
                <th style="width:50px"><input type="checkbox" class="checkbox" linkage="example3" /></th>
                <%for(var i=0;i<25;i++){%>
                <th style="width:200px">示例字段<%=i%></th>
                <%}%>
            </tr>
        </thead>
        <tbody>
            <%for(var i=0;i<10;i++){%>
            <tr>
                <td style="width:50px"><input type="checkbox" class="checkbox" linkage-parent="example3" value="ex1_<%=i%>" /></td>
                <%for(var j=0;j<25;j++){%>
                <td style="width:200px">示例字段内容<%=j%></td>
                <%}%>
            </tr>
            <%}%>
        </tbody>
    </table>
</mx-view>

旧版

<%for(var i=0;i<25;i++){%> <%}%> <%for(var i=0;i<10;i++){%> <%for(var j=0;j<25;j++){%> <%}%> <%}%>
示例字段<%=i%>
示例字段内容<%=j%>
HTML Code:
<mx-view path="app/gallery/mx-table/rwd">
    <table class="table table-striped">
        <thead>
            <tr>
                <th style="width:50px"><input type="checkbox" class="checkbox" linkage="example4" /></th>
                <%for(var i=0;i<25;i++){%>
                <th style="width:200px">示例字段<%=i%></th>
                <%}%>
            </tr>
        </thead>
        <tbody>
            <%for(var i=0;i<10;i++){%>
            <tr>
                <td><input type="checkbox" class="checkbox" linkage-parent="example4" value="ex1_<%=i%>" /></td>
                <%for(var j=0;j<25;j++){%>
                <td>示例字段内容<%=j%></td>
                <%}%>
            </tr>
            <%}%>
        </tbody>
    </table>
</mx-view>