这个是bootstrap自带的列开关(显示或隐藏列),可以正常显示和隐藏,现在的问题是,隐藏之后再勾选显示就会这样
当我再次勾选显示时,表格不会被撑大,变成了左右拉的滚动条
有无帮忙解决一下(T_T)
bootstrapTable的列开关(column switch)功能只是用来控制列的显示与隐藏,不会影响表格的宽度。如果列开关后,表格的宽度不规整,可能是因为列开关后,列的内容长度发生了变化。
解决方法可以有以下几种:
设置列的宽度:可以使用 data-field 属性或 th 元素的 data-width 属性来设置列的宽度,确保每一列的宽度是适当的,不会出现过长或过短的情况。
设置表格的最大宽度:可以使用 CSS 设置表格的最大宽度,确保表格不会超出预期的宽度。例如:
.table-responsive {
max-width: 100%;
overflow-x: auto;
}
这样可以保证表格的宽度不会超出包含表格的容器的宽度。
调整列的内容:如果表格的宽度问题主要是因为列的内容长度不同,可以尝试调整列的内容。例如可以缩短文本长度、使用缩写、截取字符串等方法来调整列的内容。