I have created table in bootstrap design and i want to merge the two cell or more than that in a div. ex: merging id(cell-3-1 and cell-3-2) or in a group row or column row like msword table.\[code\]<div class="container"><section class="row-fluid"><section class="span12"><div id="containerId" class="container-fluid mr-top" contenteditable="true"><div id="row1" class="row-fluid"><div id="cell-1-1" class="span3 rowBorder ui-droppable" style="margin:0px;"></div><div id="cell-1-2" class="span3 rowBorder ui-droppable" style="margin:0px;"></div><div id="cell-1-3" class="span3 rowBorder ui-droppable" style="margin:0px;"></div><div id="cell-1-4" class="span2 rowBorder" style="margin:0px;"></div><div id="cell-1-5" class="span1 rowBorder" style="margin:0px;"></div></div><div id="row2" class="row-fluid"><div id="cell-2-1" class="span3 rowBorder ui-droppable" style="margin:0px;"></div><div id="cell-2-2" class="span3 rowBorder ui-droppable" style="margin:0px;"></div><div id="cell-2-3" class="span3 rowBorder ui-droppable" style="margin:0px;"></div><div id="cell-2-4" class="span2 rowBorder" style="margin:0px;"></div><div id="cell-2-5" class="span1 rowBorder" style="margin:0px;"></div></div><div id="row3" class="row-fluid"><div id="cell-3-1" class="span3 rowBorder ui-droppable" style="margin:0px;"></div><div id="cell-3-2" class="span3 rowBorder ui-droppable" style="margin:0px;"></div><div id="cell-3-3" class="span3 rowBorder ui-droppable" style="margin:0px;"></div><div id="cell-3-4" class="span2 rowBorder" style="margin:0px;"></div><div id="cell-3-5" class="span1 rowBorder" style="margin:0px;"></div></div>\[/code\]
Thanks in advance..
Thanks in advance..