mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-18 22:36:31 +08:00
Better responsive style of Table
This commit is contained in:
parent
04a00e6e14
commit
bd9fba9f45
@ -691,3 +691,5 @@
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
@import './responsive';
|
||||
|
16
components/table/style/responsive.less
Normal file
16
components/table/style/responsive.less
Normal file
@ -0,0 +1,16 @@
|
||||
@media (max-width: @screen-xs) {
|
||||
.@{table-prefix-cls} {
|
||||
&-thead > tr,
|
||||
&-tbody > tr {
|
||||
> th,
|
||||
> td {
|
||||
display: block;
|
||||
width: auto !important;
|
||||
border: none;
|
||||
&:last-child {
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user