Javascript HTML表中列的不同宽度

我试图使tds的宽度在HTML故事中有所不同，但我无法做到这一点

HTML代码

<table class="TFtable" border="1">
        <tr>
            <th >Heading1</th>
            <th >Heading2</th>
            <th >Heading3</th>
        </tr>
        <tr>
            <td>Text jshdf hjkhsdk jhfkhds fkjhf sdjkh dsfkjh</td>
            <td >Text</td>
            <td >Text</td>
        </tr>
        <tr>
            <td>Text</td>
            <td>Text</td>
            <td>Text</td>
        </tr>
        <tr>
            <td>Text</td>
             <td>Text</td>
            <td>Text</td>
        </tr>
    </table>

链接到JSFiddle

---

您可以使用此HTML代码生成不同的td宽度，而无需使用CSS

<table border="1" width="100%;"> 
          <tr>
            <th >Heading1</th>
            <th >Heading2</th>
            <th >Heading3</th>
        </tr>
        <tr>
            <td width="20%">Text jshdf hjkhsdk jhfkhds fkjhf sdjkh dsfkjh</td>
            <td width="30%">Text</td>
            <td width="50%">Text</td>
        </tr>
        <tr>
            <td>Text</td>
            <td>Text</td>
            <td>Text</td>
        </tr>
        <tr>
            <td>Text</td>
             <td>Text</td>
            <td>Text</td>
        </tr>

        </table>

标题1
标题2
头3
文本jshdf hjkhsdk jhfkhds fkjhf sdjkh dsfkjh
正文
正文
正文
正文
正文
正文
正文
正文

到目前为止您尝试了什么？你有没有听过关于html表格的教程？@hoijui请停止这句总是令人讨厌的“你迄今为止都做了些什么”。OP发布了一个指向js fiddler的链接！将整个表宽度声明为视图的50%。渲染器之后应该做什么？它必须遵守这一点，并将宽度扩展到表格单元格！不要为表格定义固定宽度，您可以控制单元格宽度！您应该在tr而不是td中定义宽度。从表中删除宽度：50%

<table border="1" width="100%;"> 
          <tr>
            <th >Heading1</th>
            <th >Heading2</th>
            <th >Heading3</th>
        </tr>
        <tr>
            <td width="20%">Text jshdf hjkhsdk jhfkhds fkjhf sdjkh dsfkjh</td>
            <td width="30%">Text</td>
            <td width="50%">Text</td>
        </tr>
        <tr>
            <td>Text</td>
            <td>Text</td>
            <td>Text</td>
        </tr>
        <tr>
            <td>Text</td>
             <td>Text</td>
            <td>Text</td>
        </tr>

        </table>