stevenjin 2024-11-23 20:24 采纳率: 96.8%
浏览 9
已结题

boostrap添加行后,列边框没了

使用的是boostrap框架。
用jquery在 table中添加行后,列坚着的边框没了。
但表格的"table-boarded和table-hover属性还在。

  • 写回答

1条回答 默认 最新

  • 关注

    以下回复参考:皆我百晓生券券喵儿等免费微信小程序作答:

    在使用Bootstrap和jQuery来操作表格时,有时可能会遇到添加行后列边框消失的问题。这可能是由于样式冲突或CSS属性的改变导致的。以下是一些可能的解决方案:

    1. 检查样式冲突:确保没有其他CSS样式覆盖了Bootstrap的样式。检查是否有其他CSS类或样式规则应用于表格,可能会影响到边框的显示。
    2. 确保Bootstrap样式表正确加载:确保您的页面中正确加载了Bootstrap的样式表。如果没有正确加载,Bootstrap的样式和组件可能无法正常工作。
    3. 检查Bootstrap版本:确保您使用的Bootstrap版本与您的代码兼容。不同版本的Bootstrap可能会有不同的样式和组件行为。
    4. 使用自定义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>
    

    请注意,上述解决方案是一般性的建议,具体解决方法可能因您的代码和环境而有所不同。如果问题仍然存在,建议您提供更多关于代码和环境的详细信息,以便更好地帮助您解决问题。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 12月9日
  • 已采纳回答 12月1日
  • 修改了问题 11月23日
  • 创建了问题 11月23日