у меня есть 2 массива, которые каждый из которых является осями таблицы(заголовки по оси x и у). по ним скриптом генерируется таблица с необходимой иерархией(которая забита в массивах). проблема возникает в том, что таблица расширяется и выходит за пределы поля( табица находится в div , у которого ограниченная ширина). как решить данную проблему? таблица `
</thead>
<tbody id="modal_tbody">
</tbody>
</table>
</div>`
часть скрипта(отвечает за генерацию таблицы):
var s = get_child($a_axis)
var s2 = get_child($y_axis)
var thead=document.getElementById('modal_thead')
var tbody=document.getElementById('modal_tbody')
var str = 0
var str2=0
for (var i=0;i<s.length;i++){
if (str<s[i].length){
str=s[i].length
}
}
for (var i=0;i<s2.length;i++){
if (str2<s2[i].length){
str2=s2[i].length
}
}
for (var c=0; c<str;c++){
var tr=document.createElement('tr')
thead.appendChild(tr)
var q=1
if (c==0){
var td=document.createElement('td')
td.setAttribute('colspan',str2)
td.setAttribute('rowspan',str)
td.setAttribute('align',"center")
thead.lastChild.appendChild(td)
}
for (var i=0;i<s.length;i++){
if (c<s[i].length){
if ((i!=0)&&(s[i][c]==s[i-1][c])){
q++
thead.lastChild.lastChild.setAttribute('colspan',q)
}
else{
q=1
var td = document.createElement('td')
if (c+1==s[i].length){
td.setAttribute('rowspan',str-c)
}
td.innerHTML = s[i][c]
td.setAttribute('align',"center")
thead.lastChild.appendChild(td)
}
}
}
}
var ss=0
var fff=0
for (var i=0;i<s2.length;i++){
var tr=document.createElement('tr')
tbody.appendChild(tr)
var q=1
for (var c=0;c<str2;c++){
if (c<s2[i].length){
if (i==0){
var td = document.createElement('td')
td.innerHTML = s2[i][c]
td.setAttribute('align',"center")
tbody.lastChild.appendChild(td)
}
else{
if ((c<s2[i-1].length)&&(s2[i][c]==s2[i-1][c])){
var el = s2[i][c].length
for (var trs=tbody.children.length-2;trs>=0;trs--){
if (s2[trs][c]==s2[i][c]){
var prov=0
for (var rt=0;rt<tbody.children[trs].children.length;rt++){
if (s2[i][c]==tbody.children[trs].children[rt].innerHTML){
var q=tbody.children[trs].children[rt].getAttribute('rowspan')
if (!q){
q=2
}
else{
q++
}
prov=1
tbody.children[trs].children[rt].setAttribute('rowspan',q)
break
}
}
if (prov==1){
break
}
}
}
}
else{
var td = document.createElement('td')
if (c+1==s2[i-1].length){
qq=i
}
if (c+1==s2[i].length){
td.setAttribute('colspan',str2-c)
qq=i
}
td.innerHTML = s2[i][c]
td.setAttribute('align',"center")
tbody.lastChild.appendChild(td)
}
}
}
}
}
})