TD满足自动完成引导3

Question

我花了一整天的时间来搜索支持contenteditable的任何自动完成的lib。我找到的最接近的是我尝试过的jQuery UI，但它与Bootstrap 3冲突（这只是我的猜测，我不太确定）。

是否有任何lib可以让我这样做？

注意：如果相关，我也使用dataTables

如果有人用这个fiddle ready

给我一​​个有效的例子，我将非常感激

Answer 1

鼠标点击任何td为什么不在td中动态添加输入标签。这可以使您的单元格可编辑。

如果您尝试实现类似于Excel数据网格的内容，请尝试以下方法：

假设你的网格的每个单元格（td）都有一个类 - ＆＃34; cell＆＃34;然后，

$('.cell').click(function(){
   var text = $(this).text();
   $(this).html("<div class='editable' contenteditable='true'>"+text+"</div>");
});

我添加了课程＆＃34;可编辑＆＃34;这样您就可以根据需要添加任何样式。

要移动到标签上的下一个单元格，您需要绑定＆＃39; keydown＆＃39;如果您的网格由div组成，则执行tab所需的操作或使用tabindex属性