沒有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.