title: How to center align header for MUIDataTable in React js
body: <p>I'm using MUIDataTable but I can't center the headers. I need to center the headers vertically and horizontally. Please someone can help me:</p>
  
  <p>I'm trying with this code but don't work:</p>
  
  <pre><code> columns: [{
        name: &lt;strong&gt;#&lt;/strong&gt;,
        options: {
          filter: false,
          download: false,
          print: false,
        }
      },
      { name: &lt;strong&gt;Empresa&lt;/strong&gt;, options: { align: "center"} },
      { name: &lt;strong&gt;Ruc&lt;/strong&gt;, options: { align: "center"} },
      { name: &lt;strong&gt;Fecha&lt;/strong&gt;, options: { align: "center"} },
      { name: &lt;strong&gt;Usuario Aginado&lt;/strong&gt;, options: { align: "center"} },
      { name: &lt;strong&gt;Usuario Ediccion&lt;/strong&gt;, options: { align: "center"} },
      { name: &lt;strong&gt;Indicador&lt;/strong&gt;, options: { align: "center"} },
      { name: &lt;strong&gt;Objetivo&lt;/strong&gt;, options: { align: "center"} },
      { name: &lt;strong&gt;Estado&lt;/strong&gt;, options: { align: "center"} },
      { name: &lt;strong&gt;Tiempo Excedido&lt;/strong&gt;, options: { align: "center"} },
      {
        name: &lt;strong&gt;&lt;i className="zmdi zmdi-edit"&gt;&lt;/i&gt;&lt;/strong&gt;,
        options: {
          filter: false,
          download: false,
          print: false
        }
      }
    ],
  </code></pre>
  
  <p>...</p>
  
  <pre><code>&lt;MUIDataTable
     data={this.state.data}
     columns={this.state.columns}
     options={this.state.options}
  /&gt;
  </code></pre>