mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-27 20:49:53 +08:00
Code Issues Actions 39 Packages Projects Releases Wiki Activity

Revert empty style of table

Browse Source 
ref #7142

close https://github.com/react-component/table/issues/163
This commit is contained in:
afc163 2017-09-13 14:26:02 +08:00
parent e57cf5ff80
commit f321596e04
5 changed files with 6 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.en-US.md
View File

@ -66,7 +66,6 @@ If you want to read change logs before `2.0.0`, please visit [GitHub](https://gi
- 📖 Rewrite the [Use in create-react-app](/docs/react/use-with-create-react-app) documentation without ejecting. [#7276](https://github.com/ant-design/ant-design/pull/7276)
- 🌟 Better empty data style for fixed-columns Table. [#7298](https://github.com/ant-design/ant-design/issues/7298)
![](https://gw.alipayobjects.com/zos/rmsportal/kpxITHnXvsLlMTqEKgUm.gif)
- 🐞 Fix `disabled` logic of CheckboxGroup and Checkbox. [#7266](https://github.com/ant-design/ant-design/issues/7266) [@dilidili](https://github.com/dilidili)
- 🐞 Fix errors of rendering Spin and Carousel in react-snapshot or other jsdom environment. [#3308](https://github.com/ant-design/ant-design/issues/3308) [#7318](https://github.com/ant-design/ant-design/issues/7318)
- 🐞 Fix some details of Select, Tooltip and Menu.

3
CHANGELOG.zh-CN.md
View File

@ -66,9 +66,6 @@ timeline: true
- 📖 重写了 [《在 create-react-app 中使用》](/docs/react/use-with-create-react-app) 文档，现在不再需要 eject。[#7276](https://github.com/ant-design/ant-design/pull/7276)
- 🌟 优化了固定列的空表格样式。[#7298](https://github.com/ant-design/ant-design/issues/7298)
![](https://gw.alipayobjects.com/zos/rmsportal/kpxITHnXvsLlMTqEKgUm.gif)
- 🐞 修复了 CheckboxGroup 和 Checkbox 的 `disabled` 属性逻辑。[#7266](https://github.com/ant-design/ant-design/issues/7266) [@dilidili](https://github.com/dilidili)
- 🐞 修复在 react-snapshot 或 jsdom 环境下测试 Spin 和 Carousel 时报错的问题。[#3308](https://github.com/ant-design/ant-design/issues/3308) [#7318](https://github.com/ant-design/ant-design/issues/7318)
- 🐞 修复 Select、Tooltip、Menu 的一些细节样式问题。

78
components/table/__tests__/__snapshots__/empty.test.js.snap
View File

@ -356,55 +356,11 @@ exports[`Table renders empty table with fixed columns 1`] = `
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0 ant-table-row-empty-placeholder"
style="color:transparent;background:transparent;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
</td>
<td
class=""
/>
<td
class=""
/>
<td
class=""
/>
<td
class=""
/>
<td
class=""
/>
<td
class=""
/>
<td
class=""
/>
<td
class=""
/>
<td
class=""
/>
<td
class=""
/>
</tr>
</tbody>
/>
</table>
</div>
<div
class="ant-table-placeholder ant-table-placeholder-fixed-columns"
class="ant-table-placeholder"
>
<span>
<i
@ -456,24 +412,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0 ant-table-row-empty-placeholder"
style="color:transparent;background:transparent;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
</td>
<td
class=""
/>
</tr>
</tbody>
/>
</table>
</div>
</div>
@ -510,16 +449,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0 ant-table-row-empty-placeholder"
style="color:transparent;background:transparent;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;"
>
<td
class=""
/>
</tr>
</tbody>
/>
</table>
</div>
</div>

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

@ -69,11 +69,6 @@
&-tbody > tr > td {
border-bottom: @border-width-base @border-style-base @border-color-split;
transition: all .3s;
// height placeholder for empty cell
&:empty:after {
content: '.';
visibility: hidden;
}
}
&-thead > tr,
@ -437,45 +432,10 @@
text-align: center;
font-size: @font-size-base;
color: @text-color-secondary;
z-index: 1;
.@{iconfont-css-prefix} {
margin-right: 4px;
}
&-fixed-columns {
position: absolute;
bottom: 0;
width: 100%;
background: transparent;
pointer-events: none;
// tricky code for https://github.com/ant-design/ant-design/issues/7457
overflow-x: scroll;
opacity: 0.4;
color: #000;
}
}
// Fix https://github.com/ant-design/ant-design/issues/7509
&-middle &-placeholder {
padding: 10px 8px;
}
&-small &-placeholder {
padding: 6px 8px;
}
// not scrollable
&-scroll-position-left&-scroll-position-right &-placeholder-fixed-columns {
overflow-x: hidden;
}
&-row-empty-placeholder {
> td {
border-right-color: transparent !important;
}
> td > * {
color: transparent !important;
opacity: 0 !important;
height: 0 !important;
}
}
&-pagination {

2
package.json
View File

@ -64,7 +64,7 @@
"rc-slider": "~8.2.0",
"rc-steps": "~2.5.1",
"rc-switch": "~1.5.1",
"rc-table": "~5.6.7",
"rc-table": "~5.6.9",
"rc-tabs": "~9.1.2",
"rc-time-picker": "~2.4.1",
"rc-tooltip": "~3.4.6",