th,
td {
height: 50px;
width: 200px;
}
<div>
<p>按照价格查询:<input type="text">-<input type="text">
<input type="button" value="搜索">按照商品名称查询:
<input type="text"><input type="button" value="查询">
</p>
</div>
<table style="text-align: center" border="1" cellspacing='0' cellpadding='0'>
<thead>
<th>id</th>
<th>产品名称</th>
<th>价格</th>
</thead>
<tbody></tbody>
</table>
var data = [{
name: '小米',
id: 1,
price: 3999
},
{
name: 'oppo',
id: 2,
price: 999
},
{
name: '荣耀',
id: 3,
price: 1