Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否有javascript中合并或拆分表格单元格的完整示例?_Javascript_Html Table - Fatal编程技术网

是否有javascript中合并或拆分表格单元格的完整示例?

是否有javascript中合并或拆分表格单元格的完整示例?,javascript,html-table,Javascript,Html Table,我正在从事一个web项目,其中一个功能包括用户可以设计一个html表,并允许用户随意拆分或合并单元格(我正在为我的项目使用jQuery)。有人能帮我吗?我不知道你需要什么帮助。您需要在TD元素上设置或删除colspan属性。我不确定您需要什么帮助。您需要在TD元素上设置或删除colspan属性。我将使用一个小类来保留表的属性,然后根据需要重写它的InnerHTML。虽然调整td元素的colspan属性听起来很简单,但这不允许添加列或行。它只允许您扩展现有的列或行。我将使用一个小类来保留表的属性,

我正在从事一个web项目,其中一个功能包括用户可以设计一个html表,并允许用户随意拆分或合并单元格(我正在为我的项目使用jQuery)。有人能帮我吗?

我不知道你需要什么帮助。您需要在TD元素上设置或删除colspan属性。

我不确定您需要什么帮助。您需要在TD元素上设置或删除colspan属性。

我将使用一个小类来保留表的属性,然后根据需要重写它的InnerHTML。虽然调整td元素的colspan属性听起来很简单,但这不允许添加列或行。它只允许您扩展现有的列或行。

我将使用一个小类来保留表的属性,然后根据需要重写表的InnerHTML。虽然调整td元素的colspan属性听起来很简单,但这不允许添加列或行。它只允许您扩展现有的列或行。

TinyMCE表格插件完全满足您的需要。如果您不知道,它是一个功能齐全的所见即所得html/文本编辑器,可输出html代码

它是开源的,您可以查看一下:

我需要同样的功能,并希望能够从那里取消它,也许实现一个jQuery版本,但不幸的是代码对我来说太复杂了


还有其他类似的wysiwyg编辑器,但据我所知,它们都不提供相同的功能,如连接或拆分单元格、添加、删除和调整行大小等等。

TinyMCE table插件完全满足您的需要。如果您不知道,它是一个功能齐全的所见即所得html/文本编辑器,可输出html代码

它是开源的,您可以查看一下:

我需要同样的功能,并希望能够从那里取消它,也许实现一个jQuery版本,但不幸的是代码对我来说太复杂了


还有其他类似的wysiwyg编辑器,但据我所知,它们中没有一个提供相同的功能连接或拆分单元格、添加、删除和调整行大小等等。

我刚刚找到一个jquery插件来合并和拆分表单元格

以下是链接:

我刚刚找到了一个jquery插件,可以合并和拆分表格单元格

以下是链接:

我已经写了下面的内容来拆分多个单元格并再次将它们合并在一起,这很基本,但对我来说已经足够好了。我使用了逗号来分隔单元格值,因此它知道在需要时在何处将数据拆分回单独的单元格

Javascript:

function mergeCells(cells, separator) {

    var data = [];

    $.each(cells, function(i, item) {
        data.push(item[0].innerHTML);
    });

    var result = $('<td/>', {
        'html': data.join(separator)
    });

    return result;
}

function splitCell(cell, separator) {

    var result = "";
    var data = (cell[0].innerHTML).split(separator);
    $.each(data, function(i, item) {
        result = result + "<td>{0}</td>".format(item);
    });

    return result;
}

我已经写了下面的内容来分割多个单元格,并将它们再次合并在一起,这是基本的,但对我来说已经足够好了。我使用了逗号来分隔单元格值,因此它知道在需要时在何处将数据拆分回单独的单元格

Javascript:

function mergeCells(cells, separator) {

    var data = [];

    $.each(cells, function(i, item) {
        data.push(item[0].innerHTML);
    });

    var result = $('<td/>', {
        'html': data.join(separator)
    });

    return result;
}

function splitCell(cell, separator) {

    var result = "";
    var data = (cell[0].innerHTML).split(separator);
    $.each(data, function(i, item) {
        result = result + "<td>{0}</td>".format(item);
    });

    return result;
}

我试图合并单元格,但很难。你能和我分享你的代码吗?谢谢!我试图合并单元格,但很难。你能和我分享你的代码吗?谢谢!谢谢分享!很好的插件。谢谢分享!很棒的插件。