elment table 怎么把cellspacing="0"改成cellspacing="1"
时间: 2023-07-06 08:44:05 浏览: 88
在 Element UI Table 中,可以通过 `cell-style` 属性来设置表格单元格的样式。你可以在这个属性中设置 `border-spacing` 属性来实现单元格之间的间距。具体实现如下:
```html
<el-table :data="tableData" :cell-style="{ borderSpacing: '1px' }">
<!-- 表格列定义 -->
</el-table>
```
在上面的示例中,我们将 `border-spacing` 属性设置为 `'1px'`,从而实现单元格之间的间距为 1 像素。你可以根据需要自行调整这个值来控制单元格之间的间距。
相关问题
elment table 怎么去除cellspacing
要去除Element Table的cellspacing,可以在样式表中添加以下代码:
```css
table {
border-collapse: collapse;
border-spacing: 0;
}
```
这将使所有表格的边框合并并且不再有间隔。如果您只需要更改某个特定表格的间隔,而不是所有表格,可以为该表格添加一个类,并使用该类选择器来应用样式。
例如:
```css
.my-table {
border-collapse: collapse;
border-spacing: 0;
}
```
然后在HTML中将该类添加到表格元素中:
```html
<table class="my-table">
...
</table>
```
这将只影响具有 "my-table" 类的表格,而不会影响其他表格。
阅读全文