Convert HTML Table To CSV/Excel: Difference between revisions

Jump to navigation Jump to search
m
 
Line 24: Line 24:


Checking the rows of data after import on the {{Chrome}}
Checking the rows of data after import on the {{Chrome}}
* Right click the table and then click the '''Inspect'''.
* Right click the table and then click the '''Inspect''' item of the menu.
* (optional) add tableId if the table has no id ex: {{kbd | key =<nowiki><table ... ... id="tableId"></nowiki>}}. Howto: [https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/ Inspect and Edit Pages and Styles | Web Tools - Google Developers].
* (optional) add tableId if the table has no id ex: {{kbd | key =<nowiki><table ... ... id="tableId"></nowiki>}}. Howto: [https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/ Inspect and Edit Pages and Styles | Web Tools - Google Developers].
* Check the count number of rows: Go to [https://developer.chrome.com/devtools Chrome DevTools]. Key in the following code to [https://developer.chrome.com/devtools/docs/console console].  
* Check the count number of rows: Go to [https://developer.chrome.com/devtools Chrome DevTools]. Key in the following code to [https://developer.chrome.com/devtools/docs/console console].  
Line 52: Line 52:


使用 chrome 檢查表格資料列數
使用 chrome 檢查表格資料列數
* 點選網頁上的表格,按滑鼠右鍵選擇選單上的「檢查」
* 點選網頁上的表格,按滑鼠右鍵選擇選單上的「'''檢查'''」
* 選取網頁語法,按右鍵 Edit as HTML
* 選取網頁語法,按右鍵 Edit as HTML
* 手動幫表格加上 id ex: {{kbd | key =<nowiki><table ... ... id="tableId"></nowiki>}}
* 手動幫表格加上 id ex: {{kbd | key =<nowiki><table ... ... id="tableId"></nowiki>}}

Navigation menu