<p dir="auto">I create a table like <a href="https://material-ui-next.com/demos/tables/" rel="nofollow">Table</a> wich contains<br>
<code class="notranslate">CheckBox Name  LastName</code>.<br>
When I translate from one page to another I find that the headers <code class="notranslate">Name</code> and <code class="notranslate">LastName</code> translate from one page to another due to the length of their strings.<br>
I added a style for TableCell :</p>
<div class="highlight highlight-source-css notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="width: 40%"><pre class="notranslate"><span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">40<span class="pl-smi">%</span></span></pre></div>
<p dir="auto">But this doesn't solve the problem. How can I fix the headers columns to not translate from one page to another due the length of strings?</p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta.16</td>
</tr>
<tr>
<td>React</td>
<td>15.6.2</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<h3 dir="auto">For Fixing table Head in material 1.0.0 11 alpha</h3>
<p dir="auto">I have a table with scrolling rows but I am not able to fix the header.<br>
Is there a property to do so as fixedHeader was in material 0.15 and up but there doesnt seem to be something similar in 1.0.0 version</p>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 1.0.0-alpha 11</li>
<li>React: 15.4.2</li>
</ul>