没有td内容的html表tbody滚动分为多行
我有一个表，需要有一个固定的标题和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 个答案:
答案 0 :(得分：0)
为此，您可以添加CSS属性
du希望这会有所帮助。
答案 1 :(得分：0)
要达到目标，您可以如下所示隐藏溢出和自动换行。
<!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>
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？