Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 让我的桌子反应灵敏_Jquery_Css_Html Table_Media Queries - Fatal编程技术网

Jquery 让我的桌子反应灵敏

Jquery 让我的桌子反应灵敏,jquery,css,html-table,media-queries,Jquery,Css,Html Table,Media Queries,我读过CSS关于如何制作响应表的技巧,但我的表是另一种方式。。水平方向。。 我的标题在左边,不在表格的顶部。这是我的 套餐 银币 黄金 图书数量 5. 100 额外的保护层 特别的 超级特别 免费铅笔 X 1000 所以我有两个问题: 我怎样才能使它具有响应性?(不是整个表收缩的类型,它在移动设备中不可读。) 除了使用表格,还有其他选择吗 尝试将您的表包含在一个div中,每当表溢出时,只需显示一个滚动条即可,这与 您可以查看一个 我想看看css层处理表格的方式。- 它是开源的,所以你可以下载

我读过CSS关于如何制作响应表的技巧,但我的表是另一种方式。。水平方向。。 我的标题在左边,不在表格的顶部。这是我的


套餐
银币
黄金
图书数量
5.
100
额外的保护层
特别的
超级特别
免费铅笔
X
1000
所以我有两个问题:

  • 我怎样才能使它具有响应性?(不是整个表收缩的类型,它在移动设备中不可读。)
  • 除了使用表格,还有其他选择吗
    尝试将您的表包含在一个div中,每当表溢出时,只需显示一个滚动条即可,这与


    您可以查看一个

    我想看看css层处理表格的方式。-


    它是开源的,所以你可以下载它并检查他们的方法。

    你说的“不是整个表收缩的类型”是什么意思?检查css技巧图片不,有很多选择。但这是解决问题的最简单方法。我个人使用这个,因为我使用推特引导。你能给我一些例子吗?我的意思是,像名字。。所以我可以用谷歌搜索它们
    <table border="1" colspan="1" width="781">
            <tbody>
                <tr>
                    <td><strong>Package</strong>
                    </td>
                    <td>Silver</td>
                    <td>Gold</td>
                </tr>
                <tr>
                    <td><strong>Number of Books</strong>
                    </td>
                    <td>5</td>
                    <td>100</td>
                </tr>
                <tr>
                    <td><strong>Extra Cover</strong>
                    </td>
                    <td>Special</td>
                    <td>Super Special</td>
                </tr>
                <tr>
                    <td><strong>FREE Pencil</strong>
                    </td>
                    <td>X</td>
                    <td>1000</td>
                </tr>
            </tbody>
        </table>