当前位置: 首页 > 面试题库 >

如何制作响应表

戚建华
2023-03-14
问题内容

我有一个表格来表示我的html页面中的一些数据。我正在尝试使此表具有响应性。我怎样才能做到这一点?


问题答案:

基本上

响应表只是宽度为100%的表。

您可以使用以下CSS设置表格:

.table { width: 100%; }

[Demo here](http://jsbin.com/OYiRese/1)

您可以通过添加类(或使用进行定位nth-child),根据屏幕尺寸使用媒体查询来显示/隐藏/操作列:

@media screen and (max-width: 320px) {
    .hide { display: none; }
}

HTML

<td class="hide">Not important</td>


 类似资料:
  • 我做了一个范围滑块位置垂直。但它没有反应。我签入了chrome默认移动设备。当调整范围滑块时,它将滚动页面 我已经在这里添加了我的代码。 null null

  • 我正在尝试使用Laravel框架构建REST api,我想要一种强制api始终使用JSON响应的方法,而不是手动执行以下操作: 换句话说,我希望每个响应都是JSON。有什么好办法吗? 更新:响应必须是JSON,即使在异常(如not found exception)上也是如此。

  • 我有以下代码: 谁能告诉我如何从变量“message”中获取值 我需要在“/drawdiagram”中处理该值--- 我试过胸腺嘧啶核苷类似的东西: 但是我一直都在变空虚...有人能帮我吗?:(

  • 我正试图创建一个响应导航栏,它固定在页面顶部,链接高度为全高(100%),这样它们的背景颜色就可以改变。到目前为止,我只成功地修复了导航栏,并且这些链接在设备之间只是有点兼容。我将使用这种效果,即媒体查询强制菜单进入包含在图像中的导航。http://getbootstrap.com/examples/navbar-fixed-top/.我不喜欢bootstrap,我希望在将来自己能够做到这一点。有

  • 我刚刚检查了我的一个网站,它过去工作得很好,现在我发现我的CDN上有一个CORS错误。该网站是https://timothytolley.com/ 以供错误参考。我使用了React文档中建议的脚本。 作为一点背景,我使用webpack编译和节点和表达我的服务器。 错误: 在'https://unpkg.com/react@16.7.0 /umd/react.production.min.js'(重