表头样式调整

This commit is contained in:
izbz wh 2019-04-18 11:08:30 +08:00
parent cca227f9ba
commit 3e04dbd8b1
8 changed files with 30 additions and 8266 deletions

View File

@ -49,6 +49,12 @@
.u-table td {
padding: 12px 16px;
word-break: break-all; }
.u-table th.text-center,
.u-table td.text-center {
text-align: center; }
.u-table th.text-right,
.u-table td.text-right {
text-align: right; }
.u-table tr.filterable th {
padding-top: 5px !important;
padding-bottom: 5px !important; }
@ -341,7 +347,8 @@
line-height: 14px;
margin: 0px; }
.u-table .u-checkbox .u-checkbox-label {
line-height: 14px; }
line-height: 14px;
padding-left: 16px; }
.u-table .u-checkbox .u-checkbox-label:before, .u-table .u-checkbox .u-checkbox-label:after {
width: 14px;
height: 14px; }

View File

@ -28,8 +28,8 @@ const columns = [
);
}
},
{ id: "123", title: "性别", dataIndex: "b", key: "b", width: 500},
{ title: "年龄", dataIndex: "c", key: "c", width: 200 }
{ id: "123", title: "性别", dataIndex: "b", key: "b", width: 500,"textAlign":'center'},
{ title: "年龄", dataIndex: "c", key: "c", width: 200,"textAlign":'center' }
];
const data = [
@ -68,6 +68,7 @@ class Demo01 extends Component {
parentNodeId='parent'
height={40}
headerHeight={40}
bordered = {true}
hoverContent={this.getHoverContent}
onRowHover={this.onRowHover}
/>

File diff suppressed because one or more lines are too long

8264
dist/demo.css vendored

File diff suppressed because it is too large Load Diff

2
dist/demo.css.map vendored

File diff suppressed because one or more lines are too long

5
dist/demo.js vendored

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored

File diff suppressed because one or more lines are too long

View File

@ -106,6 +106,12 @@ $icon-color:#505F79;
td {
padding: $vertical-padding $horizontal-padding;
word-break: break-all;
&.text-center{
text-align: center;
}
&.text-right{
text-align: right;
}
}
tr {
@ -575,6 +581,7 @@ $icon-color:#505F79;
margin:0px;
.u-checkbox-label{
line-height: $checkbox-height;
padding-left: 16px;
&:before,&:after {
width: $checkbox-height;
height: $checkbox-height;