HTML表格自动填充空间

Question

我有以下css和html。问题是如果中间的td不包含内容或文本，左右td可以使用空格，所以50/50或者如果只有一个td有内容或文本那么它应该占用100％的空间。这可能吗？或者可以使用jquery或javascript吗？

＆＃13;

＆＃13;

<style type="text/css">
table.threecol-layout > tbody > tr > td {
			width: 33%;
		}	
</style>

＆＃13;

<table class="threecol-layout">
    <tr>
        <td>
            <div class="lcol">
                left-column
            </div>
        </td>
        <td>
            <div class="ccol">
                
            </div>
        </td>
        <td>
            <div class="rcol">
                right-column
            </div>
        </td>
    </tr>
</table>

＆＃13;

＆＃13;

＆＃13;