没有td内容的html表tbody滚动分为多行
[英]html table tbody scroll without td contents break into multiple lines
问题描述
我有一个表，需要有一个固定的标题和tbody滚动。我在stackoverflow中发现了很多解决方案，这些解决方案很有帮助，但是我遇到的问题是，th和td内部的内容分成多行。
没有为滚动条添加css时不会发生
我想应用滚动条，并且内容不应该分成多行。guyspls可以帮助我实现该目标，而无需在tds中应用很多内联样式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title> Materialize.css Admin Data Table </title> <!-- Compiled and minified CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <style> #products-table tbody { display: block; height: 400px; overflow: auto; } #products-table thead, #products-table tbody tr { display: table; width: 100%; table-layout: fixed; } #products-table { border: 1px solid rgba(0, 0, 0, 0.12); width: 100%; } </style> </head> <body> <div class="container"> <table id="products-table" class="bordered products-table centered"> <thead> <tr> <th>S.No</th> <th>Product Name</th> <th>Product Category</th> <th>Tax Name</th> <th>Tax(%)</th> <th>Tax Value</th> <th>Product Price</th> <th>Price With Tax</th> <th>Action</th> </tr> </thead> <tbody id="products-table-tbody"> <tr> <td>1</td> <td>Aloo Chaat Masala</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>2</td> <td>Du Barry</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>3</td> <td>Vegetable Stacks</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>4</td> <td>Grilled Mediterranean</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>5</td> <td>Mushroom Medley</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>6</td> <td>BBQ Cottage Cheese</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>7</td> <td>Chatpata Paneer Bhurji</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>8</td> <td>Grilled Chicken</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>109.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>114.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>9</td> <td>Portuguese BBQ Chorizo</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>6.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>129.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>135.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>10</td> <td>Pulled Chicken Tandoori</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>109.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>114.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>11</td> <td>Pollo A LA Caccitore</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>119.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>124.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>1</td> <td>Aloo Chaat Masala</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>11</td> <td>Du Barry</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>12</td> <td>Vegetable Stacks</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>13</td> <td>Grilled Mediterranean</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>14</td> <td>Mushroom Medley</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>15</td> <td>BBQ Cottage Cheese</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>16</td> <td>Chatpata Paneer Bhurji</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>17</td> <td>Grilled Chicken</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>109.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>114.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>18</td> <td>Portuguese BBQ Chorizo</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>6.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>129.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>135.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>19</td> <td>Pulled Chicken Tandoori</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>109.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>114.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>20</td> <td>Pollo A LA Caccitore</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>119.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>124.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> </tbody> </table> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Compiled and minified JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script> <!-- Slim Scroll --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-slimScroll/1.3.8/jquery.slimscroll.min.js"></script> </body> </html>
2 个解决方案
解决方案1
0 2018-07-10 07:39:49
为此，您可以添加CSS属性
td {
white-space: nowrap
}
希望它会有所帮助。
解决方案2
0 已采纳 2018-07-10 07:40:09
为了达到目标，您可以隐藏溢出和自动换行，如下所示。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title> Materialize.css Admin Data Table </title> <!-- Compiled and minified CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <style> #products-table tbody{ display:block; height:400px; overflow:auto; } #products-table thead tr th, #products-table tbody tr td{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #products-table thead, #products-table tbody tr{ display:table; width:100%; table-layout:fixed; } #products-table{ border:1px solid rgba(0,0,0,0.12); width:100%; } </style> </head> <body> <div class="container"> <table id="products-table" class="bordered products-table centered"> <thead> <tr> <th>S.No</th> <th>Product Name</th> <th>Product Category</th> <th>Tax Name</th> <th>Tax(%)</th> <th>Tax Value</th> <th>Product Price</th> <th>Price With Tax</th> <th>Action</th> </tr> </thead> <tbody id="products-table-tbody"> <tr> <td>1</td> <td>Aloo Chaat Masala</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>2</td> <td>Du Barry</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>3</td> <td>Vegetable Stacks</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>4</td> <td>Grilled Mediterranean</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>5</td> <td>Mushroom Medley</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>6</td> <td>BBQ Cottage Cheese</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>7</td> <td>Chatpata Paneer Bhurji</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>8</td> <td>Grilled Chicken</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>109.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>114.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>9</td> <td>Portuguese BBQ Chorizo</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>6.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>129.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>135.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>10</td> <td>Pulled Chicken Tandoori</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>109.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>114.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>11</td> <td>Pollo A LA Caccitore</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>119.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>124.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>1</td> <td>Aloo Chaat Masala</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>11</td> <td>Du Barry</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>12</td> <td>Vegetable Stacks</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>13</td> <td>Grilled Mediterranean</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>14</td> <td>Mushroom Medley</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>89.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>93.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>15</td> <td>BBQ Cottage Cheese</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>16</td> <td>Chatpata Paneer Bhurji</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>4.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>99.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>103.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>17</td> <td>Grilled Chicken</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>109.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>114.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>18</td> <td>Portuguese BBQ Chorizo</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>6.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>129.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>135.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>19</td> <td>Pulled Chicken Tandoori</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.45</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>109.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>114.45</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> <tr> <td>20</td> <td>Pollo A LA Caccitore</td> <td>Grill</td> <td>GST</td> <td>5</td> <td>5.95</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>119.00</td> <td> <i class="fas fa-inr" aria-hidden="true"></i>124.95</td> <td> <button class="btn-small"> <i class="material-icons right">edit</i> </button> <button class="btn-small red"> <i class="material-icons right">delete</i> </button> </td> </tr> </tbody> </table> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Compiled and minified JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script> <!-- Slim Scroll --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-slimScroll/1.3.8/jquery.slimscroll.min.js"></script> </body> </html>
在 html 表的 tbody 中设置滚动时出现问题 - 对齐被破坏
[英]Having problem with setting scroll in tbody of an html table - the alignments get ruined
CSS：在包含多个表的表中实现固定标题滚动 <tbody> 标签？
[英]CSS: Implementing Fixed Header scroll in a Table that contains multiple <tbody> tags?
CSS使用不透明度，然后滚动表格，tbody的td覆盖了thead，为什么？
[英]CSS uses opacity,then scroll the table,the td of tbody covered the th of thead,why?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.