antd组件：Table表格去掉表格边框线，#字类型表格

前言：

之前写项目需求，遇到表格需要去掉外边框。保留列表格线，然后自己尝试了使用border-right，和border-left都为0，发现表格右外边框线去不掉，因为他也属于列表格线。

效果图：

后面加了一段css基础样式修改，实现：

 .ant-table-bordered .ant-table-header > table, .ant-table-bordered .ant-table-body > table, .ant-table-bordered .ant-table-fixed-left table, .ant-table-bordered .ant-table-fixed-right table{border-left: none;}.ant-table-bordered {.ant-table-thead > tr > th:last-child{border-right: none;}.ant-table-tbody > tr > td:last-child{border-right: none;}}.ant-table-tbody > tr:last-child > td{border-bottom: none;}
//注意一定要在Table表格下的样式修改，并且要有:global{}包裹

效果图：

亲测有效，但是注意一定要用:global{}包裹！！！

他们说，这个世界上、海最深邃，干净又透明，我想，那是他们没见过你敲代码的眼睛。

antd组件：Table表格去掉表格边框线，#字类型表格相关推荐

echarts 怎样去掉白色边框线和怎样去除背景中的网格
echarts怎样去掉白色边框线: echarts怎样去除背景中的网格线分类: JAVASCRIPT
php表格所有边框实线,css表格怎么添加边框样式？css表格边框样式总结（附完整实例）...
本篇文章主要讲述的就是关于css表格添加边框样式,这里还有关于css表格边框样式的总结,还有css表格边框的完整实例.接下来就让我们一起来看这篇文章吧首先我们先看看如何利用css来给表格添加边框: ...
table添加实线的边框线
可以使用 HTML 中的 style 属性来添加实线边框线.例如: <table style="border: 1px solid black"><!-- 表格内 ...
qt在表格中如何画线_Qt之表格控件蚂蚁线
阅读目录回到顶部一.蚂蚁线摘自互动百科:在图像影像软件中表示选区的动态虚线,因为虚线闪烁的样子像是一群蚂蚁在跑,所以俗称蚂蚁线.在Poshop,After Effect等软件中比较常见. 背景: ...
react antd组件table跨行跨列
给官网上的看不懂的同行写的,毕竟我一开始也看不懂(现在也没看懂) 逻辑是在列的设置上写,通过条件判断跨行还是不跨行以及跨多少行 const columns =[title: '姓名',dataInde ...
html table 边框线隐藏,HTML table 标签边框问题（隐藏表格边框、单元格边框等）...
一.表格的常用属性基本属性有:width(宽度).height(高度).border(边框值).cellspacing(表格的内宽,即表格与tr之间的间隔). cellpadding(表格内元素的间 ...
html中隐藏单元格上边框,HTML table 标签边框问题（隐藏表格边框、单元格边框等）...
一.表格的常用属性基本属性有:width(宽度).height(高度).border(边框值).cellspacing(表格的内宽,即表格与tr之间的间隔). cellpadding(表格内元素的间 ...
java里怎么给excel加框线,使用Jacob操作word 添加表格时如何给表格添加边框线
/** *//** * 创建表格 * * @param pos 位置 * @param cols 列数 * @param rows 行数 */ public void createTable(S ...
HTML table 标签边框问题（隐藏表格边框、单元格边框等)
一.表格的常用属性基本属性有:width(宽度).height(高度).border(边框值).cellspacing(表格的内宽,即表格与tr之间的间隔). cellpadding(表格内元素的间 ...
Word中如何设置表格的边框线样式和颜色
在 Word 中完成表格制作工作后,我们可以将表格中的边框线的线形设置成各种样式,不仅不如此,我们还可以将边框线的颜色自由设置.这样的表格就比平常我们看到的表格要多样化一些.下面就看看是如何操作的吧! ...

antd组件：Table表格去掉表格边框线，#字类型表格

antd组件：Table表格去掉表格边框线，#字类型表格相关推荐

最新文章

热门文章