JSFiddle - React, Tailwind, and code Playground
HTML
<div class="overflow">
<table class="table1">
<thead>
<tr>
<th>Indice</th>
<th>Charge</th>
<th>Indice</th>
<th>Charge</th>
<th>Indice</th>
<th>Charge</th>
<th>Indice</th>
<th>Charge</th>
<th>Indice</th>
<th>Charge</th>
<th>Indice</th>
<th>Charge</th>
<th>Indice</th>
<th>Charge</th>
</tr>
</thead>
<tbody>
<tr>
<td><b>50</b></td>
<td>190 kg</td>
<td><b>60</b></td>
<td>250 kg</td>
<td><b>70</b></td>
<td>335 kg</td>
<td><b>80</b></td>
<td>450 kg</td>
<td><b>90</b></td>
<td>600 kg</td>
<td><b>100</b></td>
<td>800 kg</td>
<td><b>110</b></td>
<td>1060 kg</td>
</tr>
<tr>
<td><b>51</b></td>
<td>195 kg</td>
<td><b>61</b></td>
<td>257 kg</td>
<td><b>71</b></td>
<td>345 kg</td>
<td><b>81</b></td>
<td>462 kg</td>
<td><b>91</b></td>
<td>615 kg</td>
<td><b>101</b></td>
<td>825 kg</td>
<td><b>111</b></td>
<td>1090 kg</td>
</tr>
<tr>
<td><b>52</b></td>
<td>200 kg</td>
<td><b>62</b></td>
<td>265 kg</td>
<td><b>72</b></td>
<td>355 kg</td>
<td><b>82</b></td>
<td>475 kg</td>
<td><b>92</b></td>
<td>630 kg</td>
<td><b>102</b></td>
<td>850 kg</td>
<td><b>112</b></td>
<td>1120 kg</td>
</tr>
<tr>
<td><b>53</b></td>
<td>206 kg</td>
<td><b>63</b></td>
<td>272 kg</td>
<td><b>73</b></td>
<td>365 kg</td>
<td><b>83</b></td>
<td>487 kg</td>
<td><b>93</b></td>
<td>650 kg</td>
<td><b>103</b></td>
<td>875 kg</td>
<td><b>113</b></td>
<td>1150 kg</td>
</tr>
<tr>
<td><b>54</b></td>
<td>212 kg</td>
<td><b>64</b></td>
<td>280 kg</td>
<td><b>74</b></td>
<td>375 kg</td>
<td><b>84</b></td>
<td>500 kg</td>
<td><b>94</b></td>
<td>670 kg</td>
<td><b>104</b></td>
<td>900 kg</td>
<td><b>114</b></td>
<td>1180 kg</td>
</tr>
<tr>
<td><b>55</b></td>
<td>218 kg</td>
<td><b>65</b></td>
<td>290...
CSS
border: {
font-family: cursive;
}
.table1 {
border-collapse: collapse;
margin: auto; /* Centre le tableau */
}
td, th /* Mettre une bordure sur les td ET les th */ {
font-size: 0.9em;
border: 1px solid black;
padding: 2px 8px 2px 8px;
text-align: center;
}
.overflow {
overflow-x:auto;
}