Javascript 只有第一行是必填字段-Dynamic table Knockout.js A.引证 B.相关调查结果 C.人口和/或环境的重叠 X

Javascript 只有第一行是必填字段-Dynamic table Knockout.js A.引证 B.相关调查结果 C.人口和/或环境的重叠 X,javascript,css,html,dynamic,knockout.js,Javascript,Css,Html,Dynamic,Knockout.js,我已经在默认情况下显示了4行,但它们都是按要求显示的。我希望只需要第一行,其余的都不是必需的。仅供参考,所有表格都是动态的!提前谢谢 你的意思是说按钮后的第一列吗?从共享的代码中,我只能看到1行。我假设它的第一栏(A.引文)是必需的,需要特殊的外观和感觉。如果是,以下是CSS代码: <table style="margin-left:20px" border="0" class="ledgergrid" width="" cellpadding="1" cellspacing="2">

我已经在默认情况下显示了4行,但它们都是按要求显示的。我希望只需要第一行,其余的都不是必需的。仅供参考,所有表格都是动态的!提前谢谢

你的意思是说按钮后的第一列吗?从共享的代码中,我只能看到1行。我假设它的第一栏(A.引文)是必需的,需要特殊的外观和感觉。如果是,以下是CSS代码:

<table style="margin-left:20px" border="0" class="ledgergrid" width="" cellpadding="1" cellspacing="2">
                                    <tbody>
                                        <tr>
                                            <th>&nbsp;</th>
                                            <th>A. Citation</th>
                                            <th>B. Relevant Finding(s)</th>
                                            <th>C. Overlap of Populations and/or Settings</th>
                                        </tr>
                                        <tbody data-bind="foreach: listCitations"> 
                                        <tr style="background-color:#eeeeee;" >  
                                            <td width="1%">
                                               <button type="button" class="btn-xs" id="delete" data-bind="click: $parent.removeCitation.bind($data), attr: { title: $parent.deleteCitationToolTip }, visible: $parent.lastIndexCitations() > 2"> X </button>
                                                <td width="33%" ><textarea name="citation" class="" style="width:80% !important; height:60px;" data-bind="css: $parent.KCitationCSS, attr: {id: 'citation' + ($index() + 1), title: $parent.citationToolTip}, value: $data.KCitation"></textarea></td>
                                                <td width="33%"><textarea name="relevantFindings" class="" style="width:80% !important; height:60px;" data-bind=" css: $parent.relevantFindingsCSS, attr: {id: 'relevantFindings' + ($index() + 1), title: $parent.relevantFindingsToolTip}, value: $data.KRelevantFindings"></textarea></td>
                                                <td width="33%"><textarea name="overlapofPopulations" class="" style="width:80% !important; height:60px;" data-bind=" css: $parent.overlapofPopulationsCSS, attr: {id: 'overlapofPopulations' + ($index() + 1), title: $parent.overlapofPopulationsToolTip}, value: $data.KOverlapofPopulations"></textarea></td>
                                        </tr>

                                    </tbody>
                      </table>

嗨,谢谢你的回复。嗯,我有一张动态表。我可以控制并显示其中4个,但这不是问题所在。问题是,我只希望第一行CSS是“必需的”,其余的就不是了。非常感谢。
.ledgergrid td:nth-child(2) {
        background-color:red;
}