评论:基于Bootstrap的jquery可编辑表格插件Bootstable  [查看原文]

所属分类:UI-图表

 34004  254  10
当前第1页 / 共1页
    hyc6433000
    2023/3/13 8:21:17
    默认是可编辑的怎么弄 回复
    坑坑更健康0
    2022/6/27 16:18:31
    点击添加的时候怎么让input先出来 回复
    Andy0
    2021/11/14 11:33:38
    我已经解决了这个单页面多个table表格编辑的问题,已经发布了,需要的可以去我个人中心免费下载,感谢@丶空白 回复
    Andy0
    2021/11/13 17:52:21
    定义多个table编辑,columnsEd定义的列值以最后一个table对象为准,前面定义的没有用,回调参数都是会回调到最后一个table对象的回调参数里面去,这个插件目前只支持单页面单table编辑,多个就不行了,单个页面多个table要用的话需要重新修改封装才行,😥😥😥目前正在奋力的修改,这个插件还是很好用的 回复
    Andy0
    2021/11/13 17:47:49
    要是一个页面定义多个table编辑,赋值多个table的id对象,会出现定义的参数和回调函数只以最后一个table对象为准,前面定义的table对象都没有用了 回复
    &nbsp0
    2020/10/28 14:15:11
    表格数据删除完后,再次新增数据,表格错位问题怎么解决?
        &nbsp1
        2020/10/28 16:34:04

        后端,写前端真是遭虐。
        修改bootstable.js文件中:

        function rowAddNew(tabId) {
            var $tab_en_edic = $("#" + tabId);
            var $filas = $tab_en_edic.find('tbody tr');
            if ($filas.length == 0) {
                //在这里修改,根据自己实际情况修改,只提供一种思路
                var $row = $tab_en_edic.find('thead tr');
                var $cols = $row.find('th');
                var htmlDat = '';
                let tdArr = $row.find('td');
                for (var i = 0; i < tdArr.length; i++) {
                    let tdName = tdArr.eq(i).attr("name"); //name是自命名的属性
                    let tdStyle = tdArr.eq(i).attr("style");
                    let tdHtml = "<td name='" + tdName + "' style='" + tdStyle + "'></td>";
                    htmlDat = htmlDat + tdHtml;
                }
                $cols.each(function() {
                    if ($(this).attr('name') == 'buttons') {
                        htmlDat = htmlDat + colEdicHtml;
                    } else {
                        htmlDat = htmlDat + '<td></td>';
                    }
                });
                console.log(htmlDat)
                $tab_en_edic.find('tbody').append('<tr>' + htmlDat + '</tr>');
            } else {
                //Hay otras filas, podemos clonar la última fila, para copiar los botones
                var $ultFila = $tab_en_edic.find('tr:last');
                $ultFila.clone().appendTo($ultFila.parent());
                $ultFila = $tab_en_edic.find('tr:last');
                var $cols = $ultFila.find('td'); //lee campos
                $cols.each(function() {
                    if ($(this).attr('name') == 'buttons') {
                        //Es columna de botones
                    } else {
                        $(this).html(''); //limpia contenido
                    }
                });
            }
            params.onAdd();
        }
    回复
    微光0
    2020/3/17 21:51:19
    使用这个插件时,编辑符号和删除符号在格子里是上下排布的,使表格样式很难看,使行高变成了原来的两倍,有方法解决吗?是因为列数太多了吗,只要列太多时就会变样,列少时不会变。这个插件自带横向滚动条吗?
        x..j0
        2020/8/19 11:21:11
        同问
        丶空白0
        2021/4/25 16:25:29
        请仔细看上文说明,测试时未出现你说的问题。
    回复

讨论这个项目(10)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复