将具有多个列的分割表分成单个表

时间:2015-11-19 16:00:52

标签: css html5

我有一个网站,其中有很多表有2-3列,但我需要将每列转换为自己的表,以便它们为移动网站进行堆叠。我现在正在考虑一项令人畏惧的工作。

有没有办法可以将每列拆分成自己的表而不用手工完成所有操作?我正在使用代码但是WYSIWYG软件允许我这样做吗?还是其他一些解决方法?

<table class="dataTable">

                        <thead>
                            <tr>
                                <th>Hauptwerk</th>
                                <th>Brustwerk (expressive)</th>
                                <th>Pedal</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Prinzipal 8'</td>
                                <td>Gedackt 8'</td>
                                <td>Subbass 16'</td>
                            </tr>
                            <tr>
                                <td>Hohlflöte 8'</td>
                                <td>Rohrflöte 4'</td>
                                <td>Prinzipal 8'</td>
                            </tr>
                            <tr>
                                <td>Oktave 4'</td>
                                <td>Nazat 2-2/3'</td>
                                <td>Bourdon 8'</td>
                            </tr>
                            <tr>
                                <td>Flöte 2'</td>
                                <td>Prinzipal 2'</td>
                                <td>Oktave 4'</td>
                            </tr>
                            <tr>
                                <td>Mixtur IV</td>
                                <td>Terz 1-3/5'</td>
                                <td>Fagott 16'</td>
                            </tr>
                            <tr>
                                <td>Trompete 8'</td>
                                <td>Quinte 1-1/3'</td>
                                <td>&nbsp;</td>
                            </tr>

                            <tr>
                                <td>&nbsp;</td>
                                <td>Scharff III</td>
                                <td>&nbsp;</td>
                            </tr>

                            <tr>
                                <td>&nbsp;</td>
                                <td class="italic">Tremulant</td>
                                <td>&nbsp;</td>
                            </tr>
                        </tbody>
                    </table>

我不确定CSS的哪个部分是相关的,这是一个示例页面: http://letourneauorgans.com/en/opus121.php

0 个答案:

没有答案