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) {