tntd 2.8.0-beta.15 → 2.8.0-beta.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/es/descriptions/style/index.less +1 -0
  2. package/es/drawer/drawer.js +9 -3
  3. package/es/drawer/drawer.js.map +1 -1
  4. package/es/handle-icon/index.less +3 -0
  5. package/es/modal/style/modal.less +1 -1
  6. package/es/table/style/index.less +47 -23
  7. package/es/table/style_/index.js +10 -0
  8. package/es/table/style_/index.js.map +1 -0
  9. package/es/table/style_antd/index.js +10 -0
  10. package/es/table/style_antd/index.js.map +1 -0
  11. package/es/table/table.less +5 -5
  12. package/es/table/table.stories.js +413 -2
  13. package/es/table/table.stories.js.map +1 -1
  14. package/es/table-container/index.less +10 -10
  15. package/lib/descriptions/style/index.less +1 -0
  16. package/lib/drawer/drawer.d.ts +2 -0
  17. package/lib/drawer/drawer.d.ts.map +1 -1
  18. package/lib/drawer/drawer.js +8 -2
  19. package/lib/drawer/drawer.js.map +1 -1
  20. package/lib/handle-icon/index.less +3 -0
  21. package/lib/modal/style/modal.less +1 -1
  22. package/lib/table/style/index.less +47 -23
  23. package/lib/table/style_/index.d.ts +9 -0
  24. package/lib/table/style_/index.d.ts.map +1 -0
  25. package/lib/table/style_/index.js +10 -0
  26. package/lib/table/style_/index.js.map +1 -0
  27. package/lib/table/style_antd/index.d.ts +9 -0
  28. package/lib/table/style_antd/index.d.ts.map +1 -0
  29. package/lib/table/style_antd/index.js +10 -0
  30. package/lib/table/style_antd/index.js.map +1 -0
  31. package/lib/table/table.less +5 -5
  32. package/lib/table/table.stories.d.ts +106 -29
  33. package/lib/table/table.stories.d.ts.map +1 -1
  34. package/lib/table/table.stories.js +426 -3
  35. package/lib/table/table.stories.js.map +1 -1
  36. package/lib/table-container/index.less +10 -10
  37. package/package.json +2 -2
@@ -23,6 +23,7 @@
23
23
  table {
24
24
  width: 100%;
25
25
  table-layout: fixed;
26
+ border-collapse: collapse !important; // 在Table下 下边框不展示问题
26
27
  }
27
28
  }
28
29
 
@@ -10,6 +10,7 @@ import { ConfigConsumer } from 'antd/es/config-provider';
10
10
  import { default as AntdDrawer } from 'antd/es/drawer';
11
11
  import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
12
12
  import classNames from 'classnames';
13
+ import { doUpperTitle } from '../utils';
13
14
  import React, { useEffect } from 'react';
14
15
  import { Button } from '../button';
15
16
  import Icon from '../icon';
@@ -52,9 +53,12 @@ export const Drawer = _a => {
52
53
  confirmLoading = false,
53
54
  okButtonProps = {},
54
55
  cancelButtonProps = {},
55
- clickOnBlankToClose = false
56
+ clickOnBlankToClose = false,
57
+ upperCaseIgnore,
58
+ unUpperConverted,
59
+ title
56
60
  } = _a,
57
- rest = __rest(_a, ["closable", "className", "footer", "showFooter", "onClose", "onSubmit", "onCancel", "onOk", "okText", "cancelText", "locale", "okType", "cancelType", "confirmLoading", "okButtonProps", "cancelButtonProps", "clickOnBlankToClose"]);
61
+ rest = __rest(_a, ["closable", "className", "footer", "showFooter", "onClose", "onSubmit", "onCancel", "onOk", "okText", "cancelText", "locale", "okType", "cancelType", "confirmLoading", "okButtonProps", "cancelButtonProps", "clickOnBlankToClose", "upperCaseIgnore", "unUpperConverted", "title"]);
58
62
  const drawerDom = React.useRef(null);
59
63
  const _onCancel = onCancel || onClose;
60
64
  const _onOk = onOk || onSubmit;
@@ -99,7 +103,9 @@ export const Drawer = _a => {
99
103
  closable: false,
100
104
  onClose: _onCancel,
101
105
  width: 480
102
- }, rest), React.createElement(React.Fragment, null, closable !== false && React.createElement(Icon, {
106
+ }, rest, {
107
+ title: !unUpperConverted ? doUpperTitle(title, upperCaseIgnore) : title
108
+ }), React.createElement(React.Fragment, null, closable !== false && React.createElement(Icon, {
103
109
  type: "close",
104
110
  className: `${prefixCls}-close`,
105
111
  onClick: _onCancel
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfigConsumer } from 'antd/es/config-provider'\nimport type { DrawerProps as AntdDrawerProps } from 'antd/es/drawer'\nimport { default as AntdDrawer } from 'antd/es/drawer'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport type { BaseButtonProps } from 'antd/es/button/button'\nimport type { ButtonType } from '../button/button'\n\nimport React, { FC, useEffect, useRef } from 'react'\nimport { Button } from '../button'\nimport Icon from '../icon'\nconst DefaultFooter = ({\n locale,\n onCancel,\n onOk,\n okText,\n okType,\n cancelText,\n confirmLoading,\n okButtonProps,\n cancelButtonProps,\n cancelType,\n}: {\n locale?: {\n okText?: string\n cancelText?: string\n }\n onCancel?: () => void\n onOk?: () => void\n okText: string\n cancelText: string\n okType?: ButtonType\n cancelType: ButtonType\n confirmLoading?: boolean\n okButtonProps?: BaseButtonProps\n cancelButtonProps?: BaseButtonProps\n}) => {\n return (\n <>\n <Button onClick={onCancel} type={cancelType || 'default'} {...cancelButtonProps}>\n {cancelText || locale?.cancelText}\n </Button>\n <Button onClick={onOk} type={okType || 'primary'} loading={confirmLoading} {...okButtonProps}>\n {okText || locale?.okText}\n </Button>\n </>\n )\n}\n\ninterface CustomDrawerProps extends AntdDrawerProps {\n footer?: React.ReactNode\n showFooter?: boolean\n onClose?: () => void\n onSubmit?: () => void\n onCancel?: () => void\n onOk?: () => void\n okText?: string\n cancelText?: string\n locale?: {\n okText?: string\n cancelText?: string\n }\n okType?: ButtonType\n cancelType?: ButtonType\n confirmLoading?: boolean\n okButtonProps?: BaseButtonProps\n cancelButtonProps?: BaseButtonProps\n clickOnBlankToClose: boolean\n}\n\nexport const Drawer: FC<CustomDrawerProps> = ({\n closable = true,\n className,\n footer,\n showFooter,\n onClose,\n onSubmit,\n onCancel,\n onOk,\n okText = '',\n cancelText = '',\n locale,\n okType = 'primary',\n cancelType = 'default',\n confirmLoading = false,\n okButtonProps = {},\n cancelButtonProps = {},\n clickOnBlankToClose = false,\n ...rest\n}) => {\n const drawerDom = React.useRef<EventTarget | null>(null)\n const _onCancel = onCancel || onClose\n const _onOk = onOk || onSubmit\n\n useEffect(() => {\n if (clickOnBlankToClose) {\n const handleOutsideClick = (event: Event) => {\n const drawer = drawerDom.current as Node\n const targetElement = event.target as Node\n\n let isInDrawer = false\n if (drawer && targetElement) {\n isInDrawer = drawer.contains(targetElement as Node) || targetElement === drawer\n }\n drawerDom.current = null\n if (rest.visible && !isInDrawer && _onCancel) {\n _onCancel()\n }\n }\n document.removeEventListener('click', handleOutsideClick)\n document.addEventListener('click', handleOutsideClick)\n return () => {\n document.removeEventListener('click', handleOutsideClick)\n }\n }\n }, [rest.visible, clickOnBlankToClose, _onCancel])\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('drawer')\n return (\n <LocaleReceiver componentName=\"Drawer\" defaultLocale={locale}>\n {(locale) => {\n return (\n <div\n onClick={(event: React.MouseEvent<HTMLDivElement>) => {\n drawerDom.current = event.target\n }}\n >\n <AntdDrawer\n className={classNames(prefixCls, 'tnt-drawer', 'tntd-drawer', className, {\n [`${prefixCls}-contain-closable`]: closable !== false,\n [`${prefixCls}-footer`]: showFooter || footer,\n })}\n closable={false}\n onClose={_onCancel}\n width={480}\n {...rest}\n >\n <>\n {closable !== false && (\n <Icon type=\"close\" className={`${prefixCls}-close`} onClick={_onCancel} />\n )}\n {rest.children}\n {(showFooter || footer) && (\n <div className={`${prefixCls}-footer-style`}>\n {footer || (\n <DefaultFooter\n confirmLoading={confirmLoading}\n okButtonProps={okButtonProps}\n cancelButtonProps={cancelButtonProps}\n okType={okType}\n locale={locale}\n okText={okText}\n cancelType={cancelType}\n cancelText={cancelText}\n onOk={_onOk}\n onCancel={_onCancel}\n />\n )}\n </div>\n )}\n </>\n </AntdDrawer>\n </div>\n )\n }}\n </LocaleReceiver>\n )\n }}\n </ConfigConsumer>\n )\n}\n"]}
1
+ {"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/drawer/drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfigConsumer } from 'antd/es/config-provider'\nimport type { DrawerProps as AntdDrawerProps } from 'antd/es/drawer'\nimport { default as AntdDrawer } from 'antd/es/drawer'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport type { BaseButtonProps } from 'antd/es/button/button'\nimport type { ButtonType } from '../button/button'\nimport { doUpperTitle } from '../utils'\nimport React, { FC, useEffect, useRef } from 'react'\nimport { Button } from '../button'\nimport Icon from '../icon'\nconst DefaultFooter = ({\n locale,\n onCancel,\n onOk,\n okText,\n okType,\n cancelText,\n confirmLoading,\n okButtonProps,\n cancelButtonProps,\n cancelType,\n}: {\n locale?: {\n okText?: string\n cancelText?: string\n }\n onCancel?: () => void\n onOk?: () => void\n okText: string\n cancelText: string\n okType?: ButtonType\n cancelType: ButtonType\n confirmLoading?: boolean\n okButtonProps?: BaseButtonProps\n cancelButtonProps?: BaseButtonProps\n}) => {\n return (\n <>\n <Button onClick={onCancel} type={cancelType || 'default'} {...cancelButtonProps}>\n {cancelText || locale?.cancelText}\n </Button>\n <Button onClick={onOk} type={okType || 'primary'} loading={confirmLoading} {...okButtonProps}>\n {okText || locale?.okText}\n </Button>\n </>\n )\n}\n\ninterface CustomDrawerProps extends AntdDrawerProps {\n footer?: React.ReactNode\n showFooter?: boolean\n onClose?: () => void\n onSubmit?: () => void\n onCancel?: () => void\n onOk?: () => void\n okText?: string\n cancelText?: string\n locale?: {\n okText?: string\n cancelText?: string\n }\n okType?: ButtonType\n cancelType?: ButtonType\n confirmLoading?: boolean\n okButtonProps?: BaseButtonProps\n cancelButtonProps?: BaseButtonProps\n clickOnBlankToClose: boolean\n upperCaseIgnore?: []\n unUpperConverted: boolean\n}\n\nexport const Drawer: FC<CustomDrawerProps> = ({\n closable = true,\n className,\n footer,\n showFooter,\n onClose,\n onSubmit,\n onCancel,\n onOk,\n okText = '',\n cancelText = '',\n locale,\n okType = 'primary',\n cancelType = 'default',\n confirmLoading = false,\n okButtonProps = {},\n cancelButtonProps = {},\n clickOnBlankToClose = false,\n upperCaseIgnore,\n unUpperConverted,\n title,\n ...rest\n}) => {\n const drawerDom = React.useRef<EventTarget | null>(null)\n const _onCancel = onCancel || onClose\n const _onOk = onOk || onSubmit\n\n useEffect(() => {\n if (clickOnBlankToClose) {\n const handleOutsideClick = (event: Event) => {\n const drawer = drawerDom.current as Node\n const targetElement = event.target as Node\n\n let isInDrawer = false\n if (drawer && targetElement) {\n isInDrawer = drawer.contains(targetElement as Node) || targetElement === drawer\n }\n drawerDom.current = null\n if (rest.visible && !isInDrawer && _onCancel) {\n _onCancel()\n }\n }\n document.removeEventListener('click', handleOutsideClick)\n document.addEventListener('click', handleOutsideClick)\n return () => {\n document.removeEventListener('click', handleOutsideClick)\n }\n }\n }, [rest.visible, clickOnBlankToClose, _onCancel])\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('drawer')\n return (\n <LocaleReceiver componentName=\"Drawer\" defaultLocale={locale}>\n {(locale) => {\n return (\n <div\n onClick={(event: React.MouseEvent<HTMLDivElement>) => {\n drawerDom.current = event.target\n }}\n >\n <AntdDrawer\n className={classNames(prefixCls, 'tnt-drawer', 'tntd-drawer', className, {\n [`${prefixCls}-contain-closable`]: closable !== false,\n [`${prefixCls}-footer`]: showFooter || footer,\n })}\n closable={false}\n onClose={_onCancel}\n width={480}\n {...rest}\n title={!unUpperConverted ? doUpperTitle(title, upperCaseIgnore) : title}\n >\n <>\n {closable !== false && (\n <Icon type=\"close\" className={`${prefixCls}-close`} onClick={_onCancel} />\n )}\n {rest.children}\n {(showFooter || footer) && (\n <div className={`${prefixCls}-footer-style`}>\n {footer || (\n <DefaultFooter\n confirmLoading={confirmLoading}\n okButtonProps={okButtonProps}\n cancelButtonProps={cancelButtonProps}\n okType={okType}\n locale={locale}\n okText={okText}\n cancelType={cancelType}\n cancelText={cancelText}\n onOk={_onOk}\n onCancel={_onCancel}\n />\n )}\n </div>\n )}\n </>\n </AntdDrawer>\n </div>\n )\n }}\n </LocaleReceiver>\n )\n }}\n </ConfigConsumer>\n )\n}\n"]}
@@ -30,18 +30,21 @@
30
30
  .tnt-handle-icon-small{
31
31
  .tntd-anticon{
32
32
  font-size: @small-size;
33
+ cursor: pointer;
33
34
  }
34
35
  font-size: @small-size;
35
36
  }
36
37
  .tnt-handle-icon-middle{
37
38
  .tntd-anticon{
38
39
  font-size: @middle-size;
40
+ cursor: pointer;
39
41
  }
40
42
  font-size: @middle-size;
41
43
  }
42
44
  .tnt-handle-icon-large{
43
45
  .tntd-anticon{
44
46
  font-size: @large-size;
47
+ cursor: pointer;
45
48
  }
46
49
  font-size: @large-size;
47
50
  }
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  &-header {
87
- padding: @padding-lg @padding-lg @padding-xs;
87
+ padding: 16px 24px;
88
88
  color: @text-color;
89
89
  background: @modal-header-bg;
90
90
  border: 0;
@@ -258,12 +258,11 @@
258
258
  }
259
259
 
260
260
  &-footer {
261
- position: relative;
261
+ // position: relative;
262
262
  padding: @table-padding-vertical @table-padding-horizontal;
263
263
  color: @table-footer-color;
264
264
  background: @table-footer-bg;
265
265
  border-top: @border-width-base @border-style-base @border-color-split;
266
- border-radius: 0 0 @table-border-radius-base @table-border-radius-base;
267
266
  &::before {
268
267
  position: absolute;
269
268
  top: -1px;
@@ -275,26 +274,25 @@
275
274
  }
276
275
  }
277
276
 
278
- &.@{table-prefix-cls}-bordered &-footer {
279
- border: @border-width-base @border-style-base @border-color-split;
280
- }
277
+ // &.@{table-prefix-cls}-bordered &-footer {
278
+ // border: @border-width-base @border-style-base @border-color-split;
279
+ // }
281
280
 
282
281
  &-title {
283
- position: relative;
284
- top: 1px;
282
+ // position: relative;
283
+ // top: 1px;
285
284
  padding: @table-padding-vertical 0;
286
- border-radius: @table-border-radius-base @table-border-radius-base 0 0;
287
285
  }
288
286
 
289
287
  &.@{table-prefix-cls}-bordered &-title {
290
288
  padding-right: @table-padding-horizontal;
291
289
  padding-left: @table-padding-horizontal;
292
- border: @border-width-base @border-style-base @border-color-split;
290
+ border-bottom: @border-width-base @border-style-base @border-color-split;
293
291
  }
294
292
 
295
293
  &-title + &-content {
296
- position: relative;
297
- border-radius: @table-border-radius-base @table-border-radius-base 0 0;
294
+ // position: relative;
295
+ // border-radius: @table-border-radius-base @table-border-radius-base 0 0;
298
296
 
299
297
  .@{table-prefix-cls}-bordered & {
300
298
  &,
@@ -375,19 +373,23 @@
375
373
  }
376
374
 
377
375
  &-bordered {
378
- .@{table-prefix-cls}-header > table,
379
- .@{table-prefix-cls}-body > table,
380
- .@{table-prefix-cls}-fixed-left table,
381
- .@{table-prefix-cls}-fixed-right table {
382
- border: @border-width-base @border-style-base @border-color-split;
383
- border-right: 0;
384
- border-bottom: 0;
385
- }
376
+ border: @border-width-base @border-style-base @border-color-split;
377
+ border-radius: @border-radius-base;
378
+ overflow: hidden;
379
+ // .@{table-prefix-cls}-header > table,
380
+ // .@{table-prefix-cls}-body > table,
381
+ // .@{table-prefix-cls}-fixed-left table,
382
+ // .@{table-prefix-cls}-fixed-right table {
383
+ // border: @border-width-base @border-style-base @border-color-split;
384
+ // border-right: 0;
385
+ // border-bottom: 0;
386
+ // }
386
387
 
387
388
  &.@{table-prefix-cls}-empty {
388
389
  .@{table-prefix-cls}-placeholder {
389
- border-right: @border-width-base @border-style-base @border-color-split;
390
- border-left: @border-width-base @border-style-base @border-color-split;
390
+ // border-right: @border-width-base @border-style-base @border-color-split;
391
+ // border-left: @border-width-base @border-style-base @border-color-split;
392
+ border-bottom: 0;
391
393
  }
392
394
  }
393
395
 
@@ -414,6 +416,27 @@
414
416
  .@{table-prefix-cls}-thead > tr > th,
415
417
  .@{table-prefix-cls}-tbody > tr > td {
416
418
  border-right: @border-width-base @border-style-base @border-color-split;
419
+ &:last-child {
420
+ border-right: 0;
421
+ }
422
+ }
423
+ .@{table-prefix-cls}-fixed-left {
424
+ .@{table-prefix-cls}-thead > tr > th,
425
+ .@{table-prefix-cls}-tbody > tr > td {
426
+ &:last-child {
427
+ border-right: @border-width-base @border-style-base @border-color-split;
428
+ }
429
+ }
430
+ }
431
+ .@{table-prefix-cls}-content:has(.@{table-prefix-cls}-fixed-right) .@{table-prefix-cls}-scroll {
432
+ .@{table-prefix-cls}-thead > tr > th {
433
+ &:last-child {
434
+ border-right: @border-width-base @border-style-base @border-color-split;
435
+ }
436
+ }
437
+ }
438
+ .@{table-prefix-cls}-tbody > tr:last-child > td {
439
+ border-bottom: 0;
417
440
  }
418
441
  }
419
442
 
@@ -428,7 +451,7 @@
428
451
  background: @component-background;
429
452
  border-top: @border-width-base @border-style-base @border-color-split;
430
453
  border-bottom: @border-width-base @border-style-base @border-color-split;
431
- border-radius: 0 0 @border-radius-base @border-radius-base;
454
+ // border-radius: 0 0 @border-radius-base @border-radius-base;
432
455
  }
433
456
 
434
457
  &-pagination.@{ant-prefix}-pagination {
@@ -604,7 +627,8 @@
604
627
  }
605
628
 
606
629
  td > .@{table-prefix-cls}-wrapper {
607
- margin: -@table-padding-vertical -@table-padding-horizontal calc(-@table-padding-vertical - 1px);
630
+ margin: -@table-padding-vertical -@table-padding-horizontal
631
+ calc(-@table-padding-vertical - 1px);
608
632
  }
609
633
  }
610
634
 
@@ -0,0 +1,10 @@
1
+ import '../../style/index.less';
2
+ import './index.less';
3
+ // style dependencies
4
+ // deps-lint-skip: menu
5
+ import '../../empty/style';
6
+ import '../../radio/style';
7
+ import '../../checkbox/style';
8
+ import '../../dropdown/style';
9
+ import '../../spin/style';
10
+ import '../../pagination/style';
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/style_/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AAErB,qBAAqB;AACrB,uBAAuB;AACvB,OAAO,mBAAmB,CAAA;AAC1B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,kBAAkB,CAAA;AACzB,OAAO,wBAAwB,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n\n// style dependencies\n// deps-lint-skip: menu\nimport '../../empty/style'\nimport '../../radio/style'\nimport '../../checkbox/style'\nimport '../../dropdown/style'\nimport '../../spin/style'\nimport '../../pagination/style'\n"]}
@@ -0,0 +1,10 @@
1
+ import '../../style/index.less';
2
+ import './index.less';
3
+ // style dependencies
4
+ // deps-lint-skip: menu
5
+ import '../../empty/style';
6
+ import '../../radio/style';
7
+ import '../../checkbox/style';
8
+ import '../../dropdown/style';
9
+ import '../../spin/style';
10
+ import '../../pagination/style';
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/style_antd/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,cAAc,CAAC;AAEtB,qBAAqB;AACrB,uBAAuB;AACvB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,wBAAwB,CAAC","sourcesContent":["import '../../style/index.less';\nimport './index.less';\n\n// style dependencies\n// deps-lint-skip: menu\nimport '../../empty/style';\nimport '../../radio/style';\nimport '../../checkbox/style';\nimport '../../dropdown/style';\nimport '../../spin/style';\nimport '../../pagination/style';\n"]}
@@ -3,9 +3,8 @@
3
3
  @spin-prefix-cls: ~'@{ant-prefix}-spin';
4
4
  @table-borderless-shadow: 0 0 14px rgba(0, 0, 0, 0.08);
5
5
 
6
-
7
6
  // .@{table-prefix-cls} {
8
- .tnt-table-wrapper{
7
+ .tnt-table-wrapper {
9
8
  background-color: @white;
10
9
  border-radius: @border-radius-base;
11
10
 
@@ -30,9 +29,9 @@
30
29
  }
31
30
 
32
31
  &.@{table-prefix-cls}-hide-cell-borders {
33
- .@{table-prefix-cls}-thead > tr > th:not(:last-child),
34
- .@{table-prefix-cls}-tbody > tr > td:not(:last-child) {
35
- border-right: none;
32
+ .@{table-prefix-cls}-thead > tr > th,
33
+ .@{table-prefix-cls}-tbody > tr > td {
34
+ border-right: none !important;
36
35
  }
37
36
  }
38
37
 
@@ -68,6 +67,7 @@
68
67
  .@{table-prefix-cls}-placeholder {
69
68
  padding-top: @table-padding-horizontal;
70
69
  padding-bottom: @table-padding-horizontal;
70
+ border-bottom: 0;
71
71
  }
72
72
 
73
73
  // customize the loading of table