引导程序表的Bootstrap X-Editable扩展

Question

我有这个boostrap表，其中填充了ajax / php生成的.json文件，一切正常，但我正在寻找实现X-Editable插件，以便能够编辑此表，因为该表是beign填充的通过这个.json我真的不知道如何在每个单元格上实现.editable（）。

这是一些代码

$('#y').on('click',function(){

        ajaxPost("www.example.com/productos/get_all.php", {}, function(result){
            $('#tprueba').bootstrapTable('destroy'); //
            $('#tprueba').bootstrapTable({
                url: 'www.example.com/json/products.jsonp',
                columns: [{
                    field: 'id',
                    title: 'ID Producto'
                }, {
                    field: 'nombre',
                    title: 'Nombre/Descripción'
                }, {
                    field: 'tipo',
                    title: 'Tipo'
                }, {
                    field: 'precio',
                    title: 'Item Price'
                }, ]
            });
            $('#tprueba td').editable();
                });

    });

 function ajaxPost(url, parameters, successCallback) {

          $.ajax({
              type: 'POST',
              url: url,
              data: parameters,
              success: successCallback,
              error: function(xhr, textStatus, errorThrown) {
                  console.log('error');
              }
          });

      }

那么我想要做的是通过x-editable扩展程序为boostrap表创建所有单元格，任何建议？在此先感谢..！