Açısal malzeme tablosunda ekran boyutu küçülürken aynı kolon boyutu nasıl desteklenir

Question

9 sütunu kullandığım malzeme tablom var, ekran küçülse bile aynı sütun boyutunu korumak istiyorum.

Şu anda, ekranımı küçülttüğümde son sütun ilk önce büzülüyor, bu biraz garip görünüyor çünkü diğer gruplar hala eşit boyutta.

Ekran boyutu küçülse bile "toplam yerleşim miktarı" için aynı sütun boyutunu destekleyebilir miyiz?

Aşağıda yığım

https://stackblitz.com/edit/angular-bklajw-5foa62?file=app%2Ftable-basic-example.ts

Görüntü Güncellendi

Answer 1

İsteğim üzerine sorununuzu açıklığa kavuşturduğunuz için teşekkür ederiz. Bu davranış için ben kullanılacağını öneririm min-widhtve max-widhtYapmak tableHer ekranda benzer görünüyor Hücre, sizin stackblitz CSS altında kullanın

th.mat-header-cell,
td.mat-cell {
  text-align: center;
  border: 1px solid #ccc;
  padding: 0 !important;
  min-width: 100px;
  max-width: 100px;
}

Eğer ilk hücre göz küçültmek istiyorum Ayrıca eğer seri numaraları yüzden değiştirmek olduğu gibi onun min-widthve max-widthkullanmafirst-child

th.mat-header-cell:first-child,
td.mat-cell:first-child{
  min-width: 50px;
  max-width: 50px;
}

Yalnızca sorunuzda belirttiğiniz gibi " toplam ödeme tutarını " değiştirmek için , bu hücrede ( th td) bir SINIF kullanın ve yukarıdaki gibi biçimlendirin

 .similar-cell-width{
    min-width: 100px;
    max-width: 100px;
    width: 100px; /*solution as per your req it fix the table cell widht*/

 }