Bulma版bootstrap-table生成表格出现列分隔竖线的去除方案求助

你遇到的垂直列分隔线是Bulma默认表格样式与bootstrap-table Bulma主题样式叠加生成的单元格侧边边框，可通过以下方案移除：

• 方案1：精准覆盖当前表格样式（优先推荐，不影响其他页面表格）
  在页面的自定义CSS中添加以下代码，注意要放在Bulma、bootstrap-table的CSS引用之后，保证样式优先级足够：

/* 匹配你设置的data-id-table对应的表格ID */
#advancedTable th, 
#advancedTable td,
/* 兼容开启的吸顶表头特性 */
#advancedTable .sticky-header th {
  border-right: none !important;
  border-left: none !important;
}

• 方案2：全局移除所有Bulma表格的垂直分隔线
  如果需要所有页面表格都不显示垂直竖线，使用以下全局CSS：

.table th, .table td {
  border-right: none !important;
  border-left: none !important;
}

• 方案3：检查类名配置
  确认没有额外添加Bulma的is-bordered表格类，该类会强制生成全边框包括垂直分隔线，你现有的类配置table is-narrow table-hover table-responsive不存在该问题。

你使用的表格初始化代码：

<table data-checkbox="true" data-show-columns-toggle-all="true" data-sortable="true" data-filter-control="true" class="table is-narrow table-hover table-responsive" data-toggle="table" data-search-highlight="true" data-advanced-search="true" data-show-columns="true" data-show-fullscreen="true" data-id-table="advancedTable" data-mobile-responsive="true" data-sticky-header="true" data-pagination="true" data-search="true">

问题示例截图：

内容的提问来源于stack exchange，提问作者Oze Botach