table手机端自动变为ul

所属分类：输入,UI-自动完成,图表

34059 309 查看评论 (5)

分享到微信朋友圈

查看演示立即下载

插件描述：解决手机端table字段太长的自适应问题电脑端显示table手机端显示ul

使用方法

引用jQuery和table.js

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/table.js"></script>

html

<div class="table-list">
    <table>
        <thead>
            <tr>
                <th>标题1</th>
                <th>标题2</th>
                <th>标题3</th>
                <th>标题4</th>
                <th>标题5</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>内容1</td>
                <td>内容2</td>
                <td>内容3</td>
                <td>内容4</td>
                <td>内容5</td>
            </tr>
        </tbody>
    </table>
</div>

调用插件