<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Temporality &#187; tableizer</title>
	<atom:link href="http://www.sylin.net/blog/tag/tableizer/feed" rel="self" type="application/rss+xml" />
	<link>http://www.sylin.net/blog</link>
	<description>my causerie</description>
	<lastBuildDate>Sat, 05 Mar 2011 18:32:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Tableizer!</title>
		<link>http://www.sylin.net/blog/2008/12/18/137</link>
		<comments>http://www.sylin.net/blog/2008/12/18/137#comments</comments>
		<pubDate>Thu, 18 Dec 2008 05:38:35 +0000</pubDate>
		<dc:creator>sylin</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[生活]]></category>
		<category><![CDATA[tableizer]]></category>

		<guid isPermaLink="false">http://www.sylin.net/blog/?p=137</guid>
		<description><![CDATA[前幾天在貼勞健保保費薪資對照表的時候，因為要貼 Excel 的表格上來，不過一時之間找不到能夠方便轉換成 html table 的工具，又懶得自己寫，所以只好先貼圖將就，今天就剛好看到有人介紹這個功能 &#8212; 能將試算表的資料快速轉為HTML的好用網站—TABLEIZER! TABLEIZER! 不過有幾個問題 對於表格跨欄、跨行的功能並沒辦法支援，所以還是需要自己用 rowspan 跟 colspan 調整一下 沒辦法對整欄的樣式做設定，例如我想對「級數」或「投保級距」這欄設定特別的字型顏色或大小，這需要加上 class 的設定。 基本上他這程式並不難做，利用tab分隔去剖析資料，然後迴圈產生 table cell 即可，不過要解決我提的這兩個問題就比較麻煩了，主要是在 UI 的操作上可能要設計一下。 順便再貼一次對照表吧.. table.tableizer-table {border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;} .tableizer-firstrow td {background-color: #104E8B; color: #FFF; font-weight: bold;} 勞健保保費對照表 [...]]]></description>
			<content:encoded><![CDATA[<p>前幾天在貼<a href="http://www.sylin.net/blog/2008/12/14/130">勞健保保費薪資對照表</a>的時候，因為要貼 Excel 的表格上來，不過一時之間找不到能夠方便轉換成 html table 的工具，又懶得自己寫，所以只好先貼圖將就，今天就剛好看到有人介紹這個功能 &#8212; <a href="http://blog.soft.idv.tw/?p=434">能將試算表的資料快速轉為HTML的好用網站—TABLEIZER!</a></p>
<p><a href="http://tableizer.journalistopia.com/">TABLEIZER!</a></p>
<p>不過有幾個問題</p>
<ol>
<li>對於表格跨欄、跨行的功能並沒辦法支援，所以還是需要自己用 rowspan 跟 colspan 調整一下</li>
<li>沒辦法對整欄的樣式做設定，例如我想對「級數」或「投保級距」這欄設定特別的字型顏色或大小，這需要加上 class 的設定。</li>
</ol>
<p>基本上他這程式並不難做，利用tab分隔去剖析資料，然後迴圈產生 table cell 即可，不過要解決我提的這兩個問題就比較麻煩了，主要是在 UI 的操作上可能要設計一下。<br />
<span id="more-137"></span><br />
順便再貼一次對照表吧..<br />
<style type="text/css">
table.tableizer-table {border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;}
.tableizer-firstrow td {background-color: #104E8B; color: #FFF; font-weight: bold;}
</style></p>
<table class="tableizer-table">
<tr class="tableizer-firstrow">
<td colspan="8">勞健保保費對照表 (適用對象：一般本國人)</td>
<td>
</td>
</tr>
<tr>
<td rowspan="2">級數</td>
<td rowspan="2">投保級距</td>
<td>勞保費</td>
<td></td>
<td>健保費</td>
<td></td>
<td>合計</td>
<td></td>
<td>備註
</td>
</tr>
<tr>
<td>本人負擔</td>
<td>雇主負擔</td>
<td>本人負擔</td>
<td>雇主負擔</td>
<td>本人負擔</td>
<td>雇主負擔</td>
<td>
</td>
</tr>
<tr>
<td>1 </td>
<td>17,280 </td>
<td>225 </td>
<td>786 </td>
<td>236 </td>
<td>802 </td>
<td>461 </td>
<td>1,588 </td>
<td rowspan="46">96.07.01修正
</td>
</tr>
<tr>
<td>2 </td>
<td>17,400 </td>
<td>226 </td>
<td>792 </td>
<td>238 </td>
<td>808 </td>
<td>464 </td>
<td>1,600 </td>
</tr>
<tr>
<td>3 </td>
<td>18,300 </td>
<td>238 </td>
<td>833 </td>
<td>250 </td>
<td>849 </td>
<td>488 </td>
<td>1,682
</td>
</tr>
<tr>
<td>4 </td>
<td>19,200 </td>
<td>249 </td>
<td>873 </td>
<td>262 </td>
<td>891 </td>
<td>511 </td>
<td>1,764
</td>
</tr>
<tr>
<td>5 </td>
<td>20,100 </td>
<td>261 </td>
<td>915 </td>
<td>274 </td>
<td>933 </td>
<td>535 </td>
<td>1,848
</td>
</tr>
<tr>
<td>6 </td>
<td>21,000 </td>
<td>273 </td>
<td>956 </td>
<td>287 </td>
<td>975 </td>
<td>560 </td>
<td>1,931
</td>
</tr>
<tr>
<td>7 </td>
<td>21,900 </td>
<td>285 </td>
<td>996 </td>
<td>299 </td>
<td>1,016 </td>
<td>584 </td>
<td>2,012
</td>
</tr>
<tr>
<td>8 </td>
<td>22,800 </td>
<td>297 </td>
<td>1,038 </td>
<td>311 </td>
<td>1,058 </td>
<td>608 </td>
<td>2,096
</td>
</tr>
<tr>
<td>9 </td>
<td>24,000 </td>
<td>312 </td>
<td>1,092 </td>
<td>328 </td>
<td>1,114 </td>
<td>640 </td>
<td>2,206
</td>
</tr>
<tr>
<td>10 </td>
<td>25,200 </td>
<td>327 </td>
<td>1,146 </td>
<td>344 </td>
<td>1,170 </td>
<td>671 </td>
<td>2,316
</td>
</tr>
<tr>
<td>11 </td>
<td>26,400 </td>
<td>343 </td>
<td>1,201 </td>
<td>360 </td>
<td>1,225 </td>
<td>703 </td>
<td>2,426
</td>
</tr>
<tr>
<td>12 </td>
<td>27,600 </td>
<td>359 </td>
<td>1,256 </td>
<td>377 </td>
<td>1,281 </td>
<td>736 </td>
<td>2,537
</td>
</tr>
<tr>
<td>13 </td>
<td>28,800 </td>
<td>375 </td>
<td>1,311 </td>
<td>393 </td>
<td>1,337 </td>
<td>768 </td>
<td>2,648
</td>
</tr>
<tr>
<td>14 </td>
<td>30,300 </td>
<td>394 </td>
<td>1,379 </td>
<td>414 </td>
<td>1,406 </td>
<td>808 </td>
<td>2,785
</td>
</tr>
<tr>
<td>15 </td>
<td>31,800 </td>
<td>414 </td>
<td>1,447 </td>
<td>434 </td>
<td>1,476 </td>
<td>848 </td>
<td>2,923
</td>
</tr>
<tr>
<td>16 </td>
<td>33,300 </td>
<td>433 </td>
<td>1,515 </td>
<td>455 </td>
<td>1,545 </td>
<td>888 </td>
<td>3,060
</td>
</tr>
<tr>
<td>17 </td>
<td>34,800 </td>
<td>453 </td>
<td>1,584 </td>
<td>475 </td>
<td>1,615 </td>
<td>928 </td>
<td>3,199
</td>
</tr>
<tr>
<td>18 </td>
<td>36,300 </td>
<td>472 </td>
<td>1,652 </td>
<td>495 </td>
<td>1,685 </td>
<td>967 </td>
<td>3,337
</td>
</tr>
<tr>
<td>19 </td>
<td>38,200 </td>
<td>496 </td>
<td>1,738 </td>
<td>521 </td>
<td>1,773 </td>
<td>1,017 </td>
<td>3,511
</td>
</tr>
<tr>
<td>20 </td>
<td>40,100 </td>
<td>521 </td>
<td>1,825 </td>
<td>547 </td>
<td>1,861 </td>
<td>1,068 </td>
<td>3,686
</td>
</tr>
<tr>
<td>21 </td>
<td>42,000 </td>
<td>546 </td>
<td>1,911 </td>
<td>573 </td>
<td>1,949 </td>
<td>1,119 </td>
<td>3,860
</td>
</tr>
<tr>
<td>22 </td>
<td>43,900 </td>
<td>571 </td>
<td>1,997 </td>
<td>599 </td>
<td>2,037 </td>
<td>1,170 </td>
<td>4,034
</td>
</tr>
<tr>
<td>23 </td>
<td>45,800 </td>
<td>571 </td>
<td>1,997 </td>
<td>625 </td>
<td>2,126 </td>
<td>1,196 </td>
<td>4,123
</td>
</tr>
<tr>
<td>24 </td>
<td>48,200 </td>
<td>571 </td>
<td>1,997 </td>
<td>658 </td>
<td>2,237 </td>
<td>1,229 </td>
<td>4,234 </p>
</td>
</tr>
<tr>
<td>25 </td>
<td>50,600 </td>
<td>571 </td>
<td>1,997 </td>
<td>691 </td>
<td>2,348 </td>
<td>1,262 </td>
<td>4,345
</td>
</tr>
<tr>
<td>26 </td>
<td>53,000 </td>
<td>571 </td>
<td>1,997 </td>
<td>723 </td>
<td>2,460 </td>
<td>1,294 </td>
<td>4,457
</td>
</tr>
<tr>
<td>27 </td>
<td>55,400 </td>
<td>571 </td>
<td>1,997 </td>
<td>756 </td>
<td>2,571 </td>
<td>1,327 </td>
<td>4,568
</td>
</tr>
<tr>
<td>28 </td>
<td>57,800 </td>
<td>571 </td>
<td>1,997 </td>
<td>789 </td>
<td>2,682 </td>
<td>1,360 </td>
<td>4,679
</td>
</tr>
<tr>
<td>29 </td>
<td>60,800 </td>
<td>571 </td>
<td>1,997 </td>
<td>830 </td>
<td>2,822 </td>
<td>1,401 </td>
<td>4,819
</td>
</tr>
<tr>
<td>30 </td>
<td>63,800 </td>
<td>571 </td>
<td>1,997 </td>
<td>871 </td>
<td>2,961 </td>
<td>1,442 </td>
<td>4,958
</td>
</tr>
<tr>
<td>31 </td>
<td>66,800 </td>
<td>571 </td>
<td>1,997 </td>
<td>912 </td>
<td>3,100 </td>
<td>1,483 </td>
<td>5,097
</td>
</tr>
<tr>
<td>32 </td>
<td>69,800 </td>
<td>571 </td>
<td>1,997 </td>
<td>953 </td>
<td>3,239 </td>
<td>1,524 </td>
<td>5,236
</td>
</tr>
<tr>
<td>33 </td>
<td>72,800 </td>
<td>571 </td>
<td>1,997 </td>
<td>994 </td>
<td>3,379 </td>
<td>1,565 </td>
<td>5,376
</td>
</tr>
<tr>
<td>34 </td>
<td>76,500 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,044 </td>
<td>3,550 </td>
<td>1,615 </td>
<td>5,547
</td>
</tr>
<tr>
<td>35 </td>
<td>80,200 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,095 </td>
<td>3,722 </td>
<td>1,666 </td>
<td>5,719
</td>
</tr>
<tr>
<td>36 </td>
<td>83,900 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,145 </td>
<td>3,894 </td>
<td>1,716 </td>
<td>5,891
</td>
</tr>
<tr>
<td>37 </td>
<td>87,600 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,196 </td>
<td>4,066 </td>
<td>1,767 </td>
<td>6,063
</td>
</tr>
<tr>
<td>38 </td>
<td>92,100 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,257 </td>
<td>4,274 </td>
<td>1,828 </td>
<td>6,271
</td>
</tr>
<tr>
<td>39 </td>
<td>96,600 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,319 </td>
<td>4,483 </td>
<td>1,890 </td>
<td>6,480
</td>
</tr>
<tr>
<td>40 </td>
<td>101,100 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,380 </td>
<td>4,692 </td>
<td>1,951 </td>
<td>6,689
</td>
</tr>
<tr>
<td>41 </td>
<td>105,600 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,441 </td>
<td>4,901 </td>
<td>2,012 </td>
<td>6,898
</td>
</tr>
<tr>
<td>42 </td>
<td>110,100 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,503 </td>
<td>5,110 </td>
<td>2,074 </td>
<td>7,107
</td>
</tr>
<tr>
<td>43 </td>
<td>115,500 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,577 </td>
<td>5,360 </td>
<td>2,148 </td>
<td>7,357
</td>
</tr>
<tr>
<td>44 </td>
<td>120,900 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,650 </td>
<td>5,611 </td>
<td>2,221 </td>
<td>7,608
</td>
</tr>
<tr>
<td>45 </td>
<td>126,300 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,724 </td>
<td>5,862 </td>
<td>2,295 </td>
<td>7,859
</td>
</tr>
<tr>
<td>46 </td>
<td>131,700 </td>
<td>571 </td>
<td>1,997 </td>
<td>1,798 </td>
<td>6,112 </td>
<td>2,369 </td>
<td>8,109
</td>
</tr>
<tr>
<td rowspan="4">說明</td>
<td colspan="9">1.本表適用對象為一般本國人。</td>
</tr>
<tr>
<td colspan="9">2.本表所列保費係以月為計算單位，新加保者自加保日起，按 ( 日 ) 計收勞保費；    健保費則按 ( 月 )計收保費。</td>
</tr>
<tr>
<td colspan="9">3.月支薪資金額介於兩投保級距間，以較高級數之投保級距，為適用級距。</td>
</tr>
<tr>
<td colspan="9">4.月支薪資金額未達17,280元，以17,280元為適用級距。</td>
</tr>
</table>
<hr />
<p><small>© admin for <a href="http://www.sylin.net/blog">Temporality</a>, 2008. |
<a href="http://www.sylin.net/blog/2008/12/18/137">Permalink</a> |
<a href="http://www.sylin.net/blog/2008/12/18/137#comments">No comment</a> |
Add to
<a href="http://del.icio.us/post?url=http://www.sylin.net/blog/2008/12/18/137&title=Tableizer!">del.icio.us</a>
<br/>
Post tags: <a href="http://www.sylin.net/blog/tag/tableizer" rel="tag">tableizer</a><br/>
</small></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.sylin.net/blog/2008/12/18/137/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

