我尝试了jquery的Tabledit插件。它工作正常。但是如果我想将编辑字段作为选择字段,它就不起作用了。编辑字段也显示为文本输入字段,而不是选择字段。我做错了什么。
$('#mytable').Tabledit({
columns: {
identifier: [0, "id"],
editable: [
[1, 'car'],
[2, 'color', '{"1": "red", "2": "green"}']
]
}
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-tabledit@1.0.0/jquery.tabledit.min.js"></script>
<table id="mytable">
<thead>
<tr>
<th>id</th>
<th>Car</th>
<th>Color</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Ferrari</td>
<td>Red</td>
</tr>
<tr>
<td>2</td>
<td>Lotus</td>
<td>Green</td>
</tr>
</tbody>
</table>
1条答案
按热度按时间bfrts1fy1#
我假设你使用的代码运行得很好。由于这个问题在过去的几年中已经被访问过很多次,我想我可能会修改一下,以保存其他开发人员的时间,以防有人试图通过
AJAX
从数据库中获取数据,并将其直接放置在JQuery Table Edit插件的选择字段中。希望这个有用。