dzimmo

table (BEM-block)

Jun 19th, 2019
105
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="table">
  2.     <div class="table__header-row">
  3.         <div class="table__header-cell">Заголовок столбца</div>
  4.         <div class="table__header-cell">Заголовок столбца</div>
  5.         <div class="table__header-cell">Заголовок столбца</div>
  6.     </div>
  7.     <ng-container *ngFor="...">
  8.         <!--Наличие класса opened означает, что table__hidden-row будет показываться-->
  9.         <div class="table__row opened" [ngClass]="{'opened': ...}" (click)="...">
  10.             <div class="table__cell">
  11.                 <div class="table__data">
  12.                     <!--Содержимое ячейки-->
  13.                 </div>
  14.             </div>
  15.             <div class="table__cell">
  16.                 <div class="table__data">
  17.                     <!-- Содержимое ячейки-->
  18.                 </div>
  19.             </div>
  20.             <div class="table__cell">
  21.                 <div class="table__data">
  22.                     <!--Содержимое ячейки-->
  23.                 </div>
  24.             </div>
  25.         </div>
  26.         <div class="table__hidden-row">
  27.                 <div class="table__hidden-data">
  28.                     <!--Содержимое скрытого элемента-->
  29.                 </div>
  30.         </div>
  31.     </ng-container>
  32. </div>
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×