Organisasi berkaitan jadual dan jadual operasi Javascript, tr, td_HTML/Xhtml_Web page production

Tetapan atribut jadual dengan kesan yang baik:

Salin kod

Kodnya adalah seperti berikut:

style='border-collapse:collapse;table-layout: fixed'>

Ramai orang mempunyai pengalaman ini: apabila tiada kandungan atau tiada unsur yang kelihatan dalam td, sempadan td juga akan hilang. Penyelesaiannya ialah dengan menambah gaya border-collapse:collapse pada jadual
Pemotongan teks umum (digunakan pada sebaris dan sekat):

Salin kod

Kodnya adalah seperti berikut:

.text-overflow{
display:block;/*Objek sebaris perlu ditambah*/
lebar: 31em;
word-break:keep-all;/* Tiada patah baris*/
white-space:nowrap;/* Tiada patah baris*/
overflow:hidden;/* Sembunyikan lebihan kandungan apabila kandungan melebihi lebar*/
text-overflow:ellipsis;/* Paparkan tanda elipsis (...) apabila teks dalam objek melimpah perlu digunakan bersama-sama dengan overflow:hidden;. */
}

Untuk jadual, takrifannya sedikit berbeza:

Salin kod

Kodnya adalah seperti berikut:

jadual{
lebar:30em;
tata letak jadual:tetap;/* Hanya algoritma reka letak jadual ditakrifkan sebagai tetap , definisi td di bawah boleh berfungsi. */
}
td{
lebar:100%;
word-break:keep-all;/* Tiada garis putus*/
white-space:nowrap;/* Tiada baris breaks* /
overflow:hidden;/* Sembunyikan lebihan kandungan apabila kandungan melebihi lebar*/
text-overflow:ellipsis;/* Paparkan tanda elipsis (...) apabila teks dalam objek limpahan; perlu digunakan dengan limpahan :hidden; */
}

Jadual operasi JavaScript, tr, td

Salin kod

Kodnya adalah seperti berikut:

table.moveRow(m,n)//Exchange table rows (IE) Baris antara m dan n dialihkan mengikut urutan
table.deleteRow(index )// Pemadaman baris
table.insertRow(index)//Sisipkan baris pada kedudukan indeks dan kembalikan TR
tr.insertCell(index)//Sisipkan sel dan kembalikan TD
tr. deleteCell(index )
tr.rowIndex//Mengembalikan kedudukan tr dalam jadual
td.cellIndex //Mengembalikan kedudukan td dalam tr