[Table] Table with big big width

[cezarsmpio]

Hi guys, I'm using the <Table> component, but it's render with large width.

My code:

var React = require('react');

// Components
var UI = require('material-ui');
var Toolbar = UI.Toolbar;
var ToolbarGroup = UI.ToolbarGroup;
var ToolbarTitle = UI.ToolbarTitle;
var FlatButton = UI.FlatButton;
var RaisedButton = UI.RaisedButton;
var Table = UI.Table;
var TableBody = UI.TableBody;
var TableHeader = UI.TableHeader;
var TableHeaderColumn = UI.TableHeaderColumn;
var TableRow = UI.TableRow;
var TableRowColumn = UI.TableRowColumn;
var TableFooter = UI.TableFooter;

var TableSorter = React.createClass({

  propTypes: {
    multiSelectable: React.PropTypes.bool,
    columns: React.PropTypes.array.isRequired
  },

  getDefaultProps: function() {
    return {
      multiSelectable: false
    };
  },

  render: function() {

    return (
      <div className="table-component">
        <Table
          fixedHeader={false}
          fixedFooter={false}
          selectable={true}
          multiSelectable={this.props.multiSelectable}>

          <TableHeader key={0} enableSelectAll={true}>
            <TableRow key={0}>
              {this.props.columns.map(function (c, i) {
                return <TableHeaderColumn key={i}>{c}</TableHeaderColumn>
              })}
            </TableRow>
          </TableHeader>

          <TableBody key={1}>
            <TableRow>
              <TableRowColumn>1</TableRowColumn>
              <TableRowColumn>John Smith</TableRowColumn>
              <TableRowColumn>Employed</TableRowColumn>
            </TableRow>
          </TableBody>
        </Table>
      </div>
    );
  }
});

module.exports = TableSorter;

Any idea?