diff --git a/components/table/demo/row-selection.md b/components/table/demo/row-selection.md
index a05595d5fc..1de2c1315b 100644
--- a/components/table/demo/row-selection.md
+++ b/components/table/demo/row-selection.md
@@ -49,6 +49,7 @@ const rowSelection = {
   },
 };
 
-ReactDOM.render(<Table rowSelection={rowSelection} columns={columns} dataSource={data} />
+ReactDOM.render(
+  <Table rowSelection={rowSelection} columns={columns} dataSource={data} />
 , mountNode);
 ````
diff --git a/components/table/index.jsx b/components/table/index.jsx
index b82bb0fe2c..42b4b144ff 100644
--- a/components/table/index.jsx
+++ b/components/table/index.jsx
@@ -428,10 +428,12 @@ export default class Table extends React.Component {
                  this.getDefaultSelection().indexOf(rowIndex) >= 0);
     }
     return (
-      <Radio disabled={props.disabled} onClick={stopPropagation}
-        onChange={(e) => this.handleRadioSelect(record, rowIndex, e)}
-        value={rowIndex} checked={checked}
-      />
+      <span onClick={stopPropagation}>
+        <Radio disabled={props.disabled}
+          onChange={(e) => this.handleRadioSelect(record, rowIndex, e)}
+          value={rowIndex} checked={checked}
+        />
+      </span>
     );
   }
 
@@ -449,9 +451,13 @@ export default class Table extends React.Component {
       props = this.props.rowSelection.getCheckboxProps.call(this, record);
     }
     return (
-      <Checkbox checked={checked} disabled={props.disabled} onClick={stopPropagation}
-        onChange={(e) => this.handleSelect(record, rowIndex, e)}
-      />
+      <span onClick={stopPropagation}>
+        <Checkbox
+          checked={checked}
+          disabled={props.disabled}
+          onChange={(e) => this.handleSelect(record, rowIndex, e)}
+        />
+      </span>
     );
   }