diff --git a/assets/index.less b/assets/index.less index 577581ae5..b9333eef2 100644 --- a/assets/index.less +++ b/assets/index.less @@ -63,6 +63,12 @@ -webkit-user-select: none; user-select: none; } + &-spaced { + visibility: hidden; + } + &-spaced:after { + content: '.' + } &-expanded:after { content: '-' @@ -72,4 +78,4 @@ content: '+' } } -} \ No newline at end of file +} diff --git a/src/Table.jsx b/src/Table.jsx index 340d33041..a73a212b7 100644 --- a/src/Table.jsx +++ b/src/Table.jsx @@ -147,6 +147,8 @@ const Table = React.createClass({ const keyFn = props.rowKey; const rowClassName = props.rowClassName; const expandedRowClassName = props.expandedRowClassName; + const needIndentSpaced = props.data.some(record => + record[childrenColumnName] && record[childrenColumnName].length > 0); for (let i = 0; i < data.length; i++) { const record = data[i]; const key = keyFn ? keyFn(record, i) : undefined; @@ -160,6 +162,7 @@ const Table = React.createClass({ rst.push(); + } else if (i === 0 && needIndentSpaced) { + expandIcon = (); } if (expandIconAsCell && i === 0) {