发布:2023/12/7 15:44:46作者:大数据 来源:大数据 浏览次数:373
bootstrap表格隐藏列实现
表格隐藏列、表格小屏幕或手机展示隐藏列,具体实现办法用CSS实现:
1 2 3 4 5 |
@media (max-width: 576px) { .col-sm-hidden { display: none; } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<table class="table"> <thead> <tr> <th scope="col">#</th> <th scope="col">First</th> <th scope="col">Last</th> <th scope="col" class="col-sm-hidden">Handle</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td class="col-sm-hidden">@mdo</td> </tr> </tbody> </table> |
将对Handle列在手机或小屏幕上隐藏列。
js错误提示Uncaught SyntaxError: Illegal return statement
js里return只能在函数中使用
1 2 3 4 5 6 7 8 9 10 |
if(!document.getElementsByTagName){ return false; //这样会出现一个Uncaught SyntaxError: Illegal return statement 的报错信息 } //找了一下一个答案,发现js里return只能在函数中使用 (function(){ if(!document.getElementsByTagName){ return false; //这样就不会报错了 } })() |
© Copyright 2014 - 2024 柏港建站平台 ejk5.com. 渝ICP备16000791号-4