BootStrap和jQuery相结合实现可编辑表格

你可以通过“operatePos”参数来设置放置操作的列。它的值从0开始，-1表示以一列作为放置操作的列。这意味着你可以根据需要选择任何列来执行编辑、添加或删除操作。

在显示操作上，“edit”、“save”、“cancel”、“add”、“confirm”和“del”等参数允许你自定义操作名。默认情况下，它们分别显示“编辑”、“保存”、“取消”、“添加”、“确认”和“删除”字样。

“editableCols”参数则允许你指定哪些列是可以编辑的。例如，如果你只想编辑第2和第3列，你可以设置[1, 2]。如果你想让所有列都可编辑，可以传入“all”。

至于操作的顺序，“order”参数允许你自定义编辑、添加和删除操作的顺序。你可以根据自己的需求调整它们的顺序。

值得一提的是，“saveCallback”参数。当提供编辑功能后，它在编辑当前行的过程中起着关键作用。当点击保存时，它会触发回调函数。在这个函数中，你可以使用ajax传递编辑后的数据。当数据成功保存后，应该调用函数中的isSuess方法，将界面的可编辑状态改为不可编辑状态。

同样，“addCallback”和“delCallback”与“saveCallback”同理，只是它们分别应用在添加和删除操作上。

editTable.js 文件

当配置中的 order 属性为空时，我们为其设置默认值，仅包含编辑操作。接下来，我们保存可编辑的列并初始化链接的构建。然后，我们根据配置中的操作顺序初始化操作。

我们定义了一些辅助函数来处理链接的创建、可编辑列的获取以及操作的初始化。创建链接的函数 `createLink` 负责生成带有链接的 HTML 代码。`initLink` 函数用于初始化各种操作的链接。`getEditableCols` 函数获取可编辑的列。`initFunc` 函数根据配置中的操作设置相应的操作。