2

各行にテーブルを含む ng-table レイアウトのスタイルを設定しようとしています。この拡張機能が角度で実装される方法は、次のようになります。

<tr ng-if="org.expanded" ng-repeat-end>
  <td></td>
  <td></td>
</tr>

この問題は CSS に関連しています。

問題は、ServiceType 列の横にあるプラス アイコンをクリックすると、展開された 4 つの列が、親テーブルの列ヘッダー (Service Type、Location、Contact details、Last Updated) と一致しないことです。

値がきれいに整列するように設定するにはどうすればよいですか (左)。

また、Last Updated 列を左に揃えることができません。

問題の plunkr サンプルを次に示します。 http://embed.plnkr.co/UlMg7J/preview http://plnkr.co/edit/UlMg7J?p=preview

4

1 に答える 1

0

最後の列が整列していない問題については、電話、ウェブサイトなどのテーブルを div に置き換え、希望の位置に整列し始めました。それが行っていたのは、望ましくない余分なヘッダー (th) タグを作成していたことです。

あなたのコード:

<td data-title="'Contact Details'">
    <table>
        <tr>
             <td>Phone:</td>
        </tr>
        <tr>
             <td>Fax:</td>
        </tr>
        <tr>
             <td>Email:</td>
        </tr>
        <tr>
             <td>Website:</td>
        </tr>
     </table>
</td>

変更されたコード:

<td data-title="'Contact Details'">
    <div>Phone:</div>
    <div>Fax:</div>
    <div>Email:</div>
    <div>Website:</div>
</td>
于 2014-07-08T05:35:34.150 に答える