Boostrap只删除一个单元格

时间:2015-07-29 08:40:09

标签: html css twitter-bootstrap

我目前正在使用bootstrap工作,我想隐藏或删除此表中的单元格。

屏幕:http://perche.jeremy.free.fr/tab.png(我发布链接因为我无法发布图片^^) 所以我想用红色隐藏或删除单元格,我没有看到任何解决方案...

编辑:

                    <div class="widget stacked widget-table action-table">
                    <div class="widget-content">
                        <table class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Avant</th>
                            <th>Aujourd'hui</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="3" class="text-center" style="background-color:#C0C0C0;"><strong>Catégorie 1</strong></td>
                        </tr>
                        <tr>
                            <td>Check1</td>
                            <td>20</td>
                            <td>40</td>
                        </tr>
                        <tr>
                            <td>Check1</td>
                            <td>20</td>
                            <td>40</td>
                        </tr>
                        <tr>
                            <td colspan="3" class="text-center" style="background-color:#C0C0C0;"><strong>Catégorie 2</strong></td>
                        </tr>
                        <tr>
                            <td>Check2</td>
                            <td>Oui</td>
                            <td>Oui</td>
                        </tr>
                        <tr>
                            <td>Check2</td>
                            <td>Oui</td>
                            <td>Non</td>
                        </tr>
                    </tbody>
                        </table>
                    </div>
                </div>

1 个答案:

答案 0 :(得分:0)

一个解决方案是隐藏这个额外的- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section 以及例如

<th></th>

table thead tr th:first-child {
   background: none;
}

有几种/* Better if there is content in it, or if there is no background defined at start */ table thead tr th:first-child { opacity: 0; } 方法可以做到这一点,但这就是我的做法。希望你明白了。

由于您已经有一些CSS,如果您不知道如何处理此inline CSS,您也可以使用CSS方式进行,即使是&# 39;显然不如其他方式 clean

inline CSS

<强>的jsfiddle:

<thead> <tr> <th style="opacity: 0;"></th> <th>Avant</th> <th>Aujourd'hui</th> </tr> </thead> 解决方案:http://jsfiddle.net/5omkdhnu/1/

background: none;解决方案:http://jsfiddle.net/5omkdhnu/2/