title: react table how to reduce white space in columns
body: <p>Hi I have a react table...which displays some numeric data I cant seem to figure out how to reduce white spaces in columns..things I have tried.</p>
  
  <p>I have overridden </p>
  
  <pre><code>getTheadThProps, getTdProps with 
  
      const tightStyle = () =&gt; {
        return {
          style : {
            paddingTop : '0px',
            paddingBottom : '0px',
            paddingLeft:'0px',
            paddingRight:'0px',
            fontSize: 'x-small',
            padding: '0',
            margin: '0'
          }
        }
      }
  </code></pre>
  
  <p>Also overriden getProps in column with</p>
  
  <pre><code>const tightCell = (state, rowInfo, column) =&gt; {
        return { style : {color : 'red', fontWeight : 'bold', padding : '0', margin :  '0'}}
      }
  </code></pre>