【问题标题】:Json remove the last column from tableJson 从表中删除最后一列
【发布时间】:2017-07-27 02:20:54
【问题描述】:

我正在处理从代码生成器生成的 JSON 文件。我一直根据自己的需要自定义文件,但不幸的是我无法从表格中删除最后一列。

代码是:

{{#subject}}Servicekosten berekening{{/subject}}

<p>Geachte {{sp_name}},<br/>Bedankt voor het invullen van het formulier voor een berekening van uw servicekosten. De details zijn als volgt: </p>
<br/>
<p>Datum: {{date}}</p>
<br/>
<h1>Servicekosten ({{formTitle}})</h1>

<h2>Items</h2>

{{#options}}
    <div class=\"group\">

    <h4>{{title}}</h4>
    <p>{{description}}</p>
    <table border=\"1\">
        <tr>
            <th>Optie</th>
            <th>Selectie</th>
            <th>Prijs</th>
        </tr>
        {{#values}}
            {{#data}}
            <tr>
                <td>{{title}}</td>
                <td>{{value}}</td>
                <td>{{costFormatted}}</td>
            </tr>
            {{/data}}
        {{/values}}
        {{#groupQuantity}}
        <tr>
            <td></td>
            <td>Subtotaal: </td>
            <td>{{groupUnitCostFormatted}}</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td>Hoeveelheid: </td>
            <td>{{groupQuantity}}</td>
        </tr>
        {{/groupQuantity}}
        {{#groupCost}}
        <tr>
            <td></td>
            <td>Totaal: </td>
            <td>{{groupCostFormatted}}</td>
        </tr>
        {{/groupCost}}
    </table>
    </div>

    <hr/>

{{/options}}

<h2>Totale kosten: {{totalCostFormatted}}</h2>

看起来像这样:

如何编辑代码以删除最后一列“Prijs”

【问题讨论】:

  • 我不知道那是什么,但它不是 JSON。另外,能否请您格式化它以使其可读?

标签: json forms html-table


【解决方案1】:

没有任何与 json 文件相关的内容。您必须了解 html 表格的工作原理。

&lt;th&gt; 是一个表头。出于这个原因,你有 3 个,有 3 列。每个&lt;tr&gt; 是一个表格行。 &lt;td&gt; 是每一行的实际单元格。如果要删除中的第 3 列。您必须删除第三个&lt;td&gt; 和第三个&lt;th&gt;。在每个&lt;tr&gt; 中不应超过 2 个&lt;td&gt;

阅读本文以了解其工作原理。

http://www.w3schools.com/html/html_tables.asp

然后模板的其余部分不必更改。只有html部分。

【讨论】:

    猜你喜欢
    • 2013-11-12
    • 2017-02-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-14
    • 2020-02-19
    • 1970-01-01
    相关资源
    最近更新 更多