mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-08 01:53:34 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix bordered Table

Browse Source
This commit is contained in:
afc163 2016-05-05 16:21:51 +08:00
parent ecfcd7bcc5
commit a1058db8df
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/table/demo/bordered.md
View File

@ -1,9 +1,9 @@
---
order: 10
title: 边框
title: 边框和页脚
---
添加表格边框线，`bordered`。
添加表格边框线和页脚。
````jsx
import { Table } from 'antd';
@ -40,7 +40,7 @@ const data = [{
address: '西湖区湖底公园1号',
}];
ReactDOM.render(<Table columns={columns} dataSource={data} bordered />
ReactDOM.render(<Table columns={columns} dataSource={data} bordered footer={() => '页脚'} />
, mountNode);
````

9
components/table/style/index.less
View File

@ -7,7 +7,6 @@
.@{table-prefix-cls} {
font-size: @font-size-base;
color: @text-color;
border-radius: @border-radius-base @border-radius-base 0 0;
overflow: hidden;
position: relative;
border-radius: @border-radius-base @border-radius-base 0 0;
@ -20,8 +19,9 @@
table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
text-align: left;
border-radius: @border-radius-base;
border-radius: @border-radius-base @border-radius-base 0 0;
overflow: hidden;
}
@ -65,13 +65,16 @@
&-footer {
padding: 16px 8px;
margin: 0 3px;
background: @table-head-background-color;
position: relative;
top: -1px;
border-radius: 0 0 @border-radius-base @border-radius-base;
}
&.@{table-prefix-cls}-bordered &-footer {
border: 1px solid @border-color-split;
}
tr.@{table-prefix-cls}-row-selected {
background: #fafafa;
}