夜间模式
请选择 进入手机版 | 继续访问电脑版

BoonKiong.com2025™

人气 1048

Discuz! 让手机版也支持电脑版帖子表格样式

文強已获得官方认证 2022-11-6 16:30



2.jpg


受页面大小限制,表格边框或许显示的不太美观,但是仍然比原来没有边框要好看的多!

1、首先打开 source/function/function_discuzcode.php ,查找(有两处):

  1. : '<table>'
复制代码


修改为:

  1. :'<table cellspacing="0" class="t_table" '
复制代码



2、接着打开 static/image/mobile/style.css ,在最下边添加:

  1. .t_table{
  2.     table-layout: auto;
  3. }
  4. .t_table td{padding: 4px;
  5.     line-height: 1.1;
  6.     border: 1px solid #afbeca;
  7.     overflow: hidden;
  8. }  
复制代码


然后到后台更新缓存。


<
文強已获得官方认证 2024-8-20 23:11
在模板目录下 如默认模板template/default/touch/forum/viewthread.htm
文件倒数第二行增加以下代码(<!--{template common/footer}-->之前)

  1. <style>
  2.          
  3.         .message table td {
  4.                 padding: 5px;
  5.                 white-space: nowrap;
  6.                 overflow: hidden;
  7.                 text-overflow: ellipsis;
  8.                 border: 1px solid #ddd;
  9.         }
  10. </style>
  11. <script type="text/javascript">
  12.     function optimizeTables() {
  13.         var tables = document.querySelectorAll('.message table');
  14.         tables.forEach(function(table) {
  15.             // 设置表格样式
  16.             table.style.width = '100%';
  17.             table.style.maxWidth = 'none'; // 移除最大宽度限制
  18.             table.style.tableLayout = 'fixed';
  19.             table.style.overflowX = 'auto';
  20.             table.style.display = 'block';
  21.             
  22.             var cells = table.rows[0].cells;
  23.             var cellCount = cells.length;
  24.             var minCellWidth = 100; // 最小列宽
  25.            
  26.             
  27.             // 设置每列的宽度
  28.             for (var i = 0; i < cellCount; i++) {
  29.                 cells[i].style.minWidth = minCellWidth + 'px';
  30.                 cells[i].style.width = (100 / cellCount) + '%';
  31.             }
  32.             
  33.             // 处理所有单元格
  34.             var allCells = table.getElementsByTagName('td');
  35.             for (var i = 0; i < allCells.length; i++) {
  36.                 allCells[i].style.whiteSpace = 'nowrap';
  37.                 allCells[i].style.overflow = 'hidden';
  38.                 allCells[i].style.textOverflow = 'ellipsis';
  39.             
  40.             }
  41.         });
  42.     }

  43.     // 在页面加载完成和窗口大小改变时调用此函数
  44.     window.addEventListener('load', optimizeTables);
  45.     window.addEventListener('resize', optimizeTables);
  46.     </script>
复制代码


楼层代码来源:dismall.com
回复

使用道具 举报

<
您需要登录后才可以回帖 登录 | 立即注册

您还未登录

随手拍~~:

热门推荐~~:

明明你先说爱我 - 张良...

歌词: 你曾说过会永远爱我 承诺只是你随口一说 多少夜晚我泪流成河 身边都没人诉说 为何执着等来你 ...

心上锦 - 赵贝尔...

歌词: 惊蛰的弧线 偷偷裁剪一场缱绻 谷雨淅沥蔓延 初见你仿佛在昨天 池上云雾敛 小满翻起五彩漪涟 ...

唯愿 - 白百何...

歌曲:唯愿 (《清明上河图密码》电视剧片尾曲/插曲) [00:14.93]词:韩红 [00:17.42]曲:韩红 想在山 ...

谁都会绷不住 - 姚倩倩...

歌词: 再坚强的人也会绷不住 再清醒的人他也会迷路 再深情的人也会被辜负 摔过跤的人才会有领悟 是 ...

EuroMartina《Ocarina Song》[FLAC/MP3-320...

百度网盘下载: **** 本内容被作者隐藏 **** ...

热度会员~~:

文強bkboonkiongadmin老谟深虑TaChuaekinAsd9786小甜天fei220088osife海岛

免责声明~~:


本站内容来源于合作伙伴及网络搜集,版权归原作者所有。如有侵犯版权,请立刻和本站联系,我们将在三个工作日内予以改正。
Email:hsbk@hotmail.com

服务与条款|隐私政策|免责声明|手机版|网站地图|友链申请| 文强阁

Powered by Discuz! X3.5|© 2001-2025 Discuz! Team. |距离清明节还有: