title: How can I remove the border from a React table?
body: <p>I am using React Table for building Table in React JS. (<a href="https://github.com/tannerlinsley/react-table" rel="nofollow noreferrer">https://github.com/tannerlinsley/react-table</a>). I can’t find how remove border in React Table. Please help me, thank you.</p>
  <pre><code>const tableStyle = {
    border: &quot;none&quot;,
    boxShadow: &quot;none&quot;
  };
  
  class App extends React.Component{
  
    render(){
      const columns = [{
        Header: &quot;Id&quot;,
        accessor: &quot;id&quot;,
        headerClassName: 'headerTable',
        className: 'firstColumn',
      },
      {
        Header: &quot;Name&quot;,
        accessor: &quot;name&quot;,
        headerClassName: 'headerTable',
      },
      {
        Header: &quot;Username&quot;,
        accessor: &quot;username&quot;,
        headerClassName: 'headerTable',
      },
      {
        Header: &quot;Email&quot;,
        accessor: &quot;email&quot;,
        headerClassName: 'headerTable',
      }]
  
      return(
        &lt;div&gt;
          &lt;ReactTable
          style={tableStyle}
          data = {this.state.users}
          columns = {columns}
          /&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  <p>table.css</p>
  <pre><code>.headerTable{
    background-color: #e8edf2;
    padding: 100px 0px;
    font-weight: 600;
    color: #1c2229;
    font-size: 1em;
  }
  </code></pre>
  <p>This is my Table:</p>
  <p><a href="https://i.stack.imgur.com/3l7Lr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3l7Lr.png" alt="image1" /></a></p>