Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and...
24
Cap 13 tabelle
Transcript of Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and...
![Page 1: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/1.jpg)
Cap 13
tabelle
![Page 2: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/2.jpg)
Table dissected
![Page 3: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/3.jpg)
Summary and Caption
![Page 4: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/4.jpg)
Styling the table
![Page 5: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/5.jpg)
Styled tables
![Page 6: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/6.jpg)
Border, padding and border-spacing
![Page 7: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/7.jpg)
Border-collapse
![Page 8: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/8.jpg)
Rowspan and colspan
![Page 9: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/9.jpg)
Rowspan and colspan
![Page 10: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/10.jpg)
Table inside a table
![Page 11: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/11.jpg)
Table inside a
table
![Page 12: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/12.jpg)
![Page 13: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/13.jpg)
Solution
![Page 14: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/14.jpg)
Style list
![Page 15: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/15.jpg)
Style list
![Page 16: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/16.jpg)
![Page 17: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/17.jpg)
editableTableWidget
![Page 18: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/18.jpg)
1) creare una tabella in una nuova pagina
specificare un ID
![Page 19: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/19.jpg)
2) collegarsi all’indirizzo
https://mindmup.github.io/editable-table/
e cliccare sul link nella sezione About
![Page 20: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/20.jpg)
3) copiare tutto il codice
![Page 21: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/21.jpg)
4) creare un file .js e incollare il codice
![Page 22: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/22.jpg)
5) aggiungere a fine pagina
id specificato per la mia tabella
![Page 23: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/23.jpg)
6) linkare il file .js e importare jQuery nella pagina html
![Page 24: Cap 13 - Dipartimento di Matematica e Informatica · Cap 13 tabelle. Table dissected. Summary and Caption. Styling the table. Styled tables. Border, padding and border-spacing. Border-collapse.](https://reader034.fdocuments.net/reader034/viewer/2022042406/5f20860075b62211481d6c77/html5/thumbnails/24.jpg)
ora aprite l’index nel browser e provate a cliccare su una cella