使用的是boostrap框架。
用jquery在 table中添加行后,列坚着的边框没了。
但表格的"table-boarded和table-hover属性还在。
boostrap添加行后,列边框没了
- 写回答
- 好问题 0 提建议
- 关注问题
- 邀请回答
-
1条回答 默认 最新
恐怖如斯恐怖如斯啊 2024-11-23 20:25关注以下回复参考:皆我百晓生、券券喵儿等免费微信小程序作答:
在使用Bootstrap和jQuery来操作表格时,有时可能会遇到添加行后列边框消失的问题。这可能是由于样式冲突或CSS属性的改变导致的。以下是一些可能的解决方案:
- 检查样式冲突:确保没有其他CSS样式覆盖了Bootstrap的样式。检查是否有其他CSS类或样式规则应用于表格,可能会影响到边框的显示。
- 确保Bootstrap样式表正确加载:确保您的页面中正确加载了Bootstrap的样式表。如果没有正确加载,Bootstrap的样式和组件可能无法正常工作。
- 检查Bootstrap版本:确保您使用的Bootstrap版本与您的代码兼容。不同版本的Bootstrap可能会有不同的样式和组件行为。
- 使用自定义CSS修复边框问题:如果上述方法无法解决问题,您可以尝试使用自定义CSS来修复边框问题。您可以为表格添加自定义的CSS类,并设置边框样式以确保列边框正确显示。例如:
.your-custom-class { border-collapse: separate; /* 保持单元格之间的边框分离 */ border-style: solid; /* 设置边框样式为实线 */ border-width: 1px; /* 设置边框宽度 */ }然后,将自定义类应用于表格元素上:
<table class="table table-bordered table-hover your-custom-class"> <!-- 表格内容 --> </table>请注意,上述解决方案是一般性的建议,具体解决方法可能因您的代码和环境而有所不同。如果问题仍然存在,建议您提供更多关于代码和环境的详细信息,以便更好地帮助您解决问题。
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报