Table related arrangement and Javascript operation table, tr, td

<table cellSpacing="0" cellPadding="0" border='1' bordercolor="black"
style='border-collapse:collapse;table-layout: fixed'></table>

.text-overflow{
display:block;/*Inline objects need to be added*/
width:31em;
word-break:keep-all;/* No line break*/
white-space:nowrap;/* No line break*/
overflow:hidden;/*Hide the excess content when the content exceeds the width*/
text-overflow:ellipsis; /* Displays an ellipsis mark (...) when the text overflows within an object; must be used together with overflow:hidden;. */
}

table{
width:30em;
table-layout:fixed;/* The following td definition will work only if the table layout algorithm is defined as fixed. */
}
td{
width:100%;
word-break:keep-all;/* No line break*/
white-space:nowrap;/* No line break*/
overflow:hidden;/*Hide the excess content when the content exceeds the width*/
text-overflow:ellipsis; /* Displays an ellipsis mark (...) when the text overflows within an object; must be used together with overflow:hidden;. */
}

table.moveRow(m,n) //Exchange the rows of the table (IE) The rows between m and n are moved in sequence
table.deleteRow(index) // row deletion
table.insertRow(index) //Insert a row at index and return the TR
tr.insertCell(index) //Insert a cell and return the TD
tr.deleteCell(index)
tr.rowIndex // Returns the position of tr in the table
td.cellIndex //Return the position of td in tr