Decrease Vendor, Ürün ve Kaynak sütun genişliği 40px
- 80px'den 40px'ye kadar satış sütun genişliği - Ürün sütunu 80px'den 40px'a kadar genişletin - Kaynak sütunu 60px'den 20px'e kadar genişlik - sütunları eşleşti...
Hızlı Arama alanı ve bileşenlerinin altında 10px padding ekleyin
- pb ekleyin: '10px' to Quick Search Box konteyner - Üstlüğü çıkarın ve işe yaramayan öz özelliklerini hizalayın
Dikey olarak hızlı Arama alanı ve bileşenleri orta ortaya doğru hizalayın
- sekmeleri yüksekliğe eşleştirmek için minHeight ekleyin - Ekran flex ekleyin ve Items merkezini sekmeler konteyner kutusu - Yüksekliği% 100 ekleyin ve doğru d...
Decrease Vendor, Ürün ve Kaynak sütunları başka bir 25px
- 105px'den 80px'ye kadar satış sütun genişliği - Ürün sütunu 105px'den 80px'e kadar genişletin - Kaynak sütunu 85px'den 60px'e kadar genişlik - sütunları eşleş...
Decrease Vendor, Ürün ve Kaynak sütun genişliği 25px
- 130px'den 105px'ye kadar satış sütun genişliği - Ürün sütunu 130px'den 105px'ye kadar genişletin - Kaynak sütunu 110px'den 85px'e kadar genişlik - sütunları e...
Decrease Vendor, Ürün, Kaynak ve Agent sütun genişliği 20px
- 150px'den 130px'e kadar satış sütun genişliği - Ürün sütunu 150px'den 130px'e kadar genişletin - Kaynak sütunu 130px'den 110px'e kadar genişlik - Ajan sütunu ...
Update State and Street köşe genişliği ve Street ekranı
- Devlet sütunu 100px'den 60px'a kadar genişlik - Change Street sütun genişliği 200px'den 130px Update Street sütunu sadece cep telefonu adresini hücrede göster...
Kullanılmayan KonumOn import
- AddressRenderer'den beri ikon ithalatı kaldırıldı
Kullanılmamış AdresRenderer işlevi
- Adres sütunu Devlet ve Sokak sütunları ile değiştirildikten beri AdresRenderer kaldırıldı
İletişimden sonra Devlet ve Sokak filtreleri doğru konuma taşımak
- İletişim filtre sonrası doğru olmak için devlet ve sokak filtre alanları hareket edin - Agent filtrelerinden sonra tekrarlanan devlet ve sokak filtreleri - Fi...
Tamam State and Street column uygulamaları
Eski Adres filtre alanını geri alın, yine de PREValue'ye atıfta bulunan - İletişim filtresinden sonra Devlet ve Sokak filtre alanları ekleyin Güncelleme filtrel...
Adres sütunu Devlet ve Sokak sütunları ile değiştirin
- Adres sütunu ve AdresRenderer - İletişimden sonra Devlet sütunu ekleyin (düşük/devlet kodu) - Devletten sonra Sokak sütunu ekleyin (göpek, şehir formatı) -Use...
Kurşun ID, Status ve Sub Status için Güncelleme sütun genişliği
- Change Lead ID column genişlik from 245px to 230px - Durum sütunu 90px'den 115px'e kadar genişletin - 150px'den 170px'e kadar Sub Status column genişlik - süt...
Güncelleme durumu ve Sub Status sütun genişliği
- Durum sütunu 65px'den 90px'a kadar genişletin - 120px'den 150px'ye kadar Sub Status column genişlik - sütunları eşleştirmek için ilgili filtre alanı konteyner...
Update filtre alanı konteyner genişlikleri sütun genişliğiyle eşleşmek için
Update Lead ID filtre konteyneri 300px'den 245px Güncelleme durumu filtre konteyneri 200px'den 65px'e kadar Güncelleme Alt Durum filtre konteyneri 200px'den 120...
Belirtilen değerler için Güncelleme sütun genişliği
- Change Lead ID columnBill from 300px to 245px İletişim sütunu flex kalır: Kalan genişlikte 1 almak - Durum sütunu 200px'den 65px'a kadar uzanır - 200px'den 12...
Güncelleme alayı, kimlikleri rastgele alfanumeric'e yönlendirir ve 170px'e adres sütununu ayarlayın
- Add,RandomLeadId function to create random alfanumeric strings of long 13 - Değişim alayı kimlikleri rastgele alfanumeric (e.g., '34FDK69HWGPPK') Güncelleme a...
Güncelleme tarihi sütun genişliği ve aksiyon düğmelerini değiştirir
- 155px'den 170px'e kadar tarih sütun genişliği (Yenilenmiş ve Assigned) Güncelleme tarihi filtre alanı 170px genişlikle eşleşmek için konteynerler - "Export Se...
İnce ışık gri sınırı ikincil sekmelere ekleyin
- SınırBottom ekleyin: '1px sağlam rgba(0, 0, 0, 0.12)' statü sekmelerine göre - /leads /view / sayfada bulunan stili eşleştirin - Aşağıdaki sekmeler ve içerik ...
Değişim tarihi sütun genişliği 155px
Güncelleme Oluşturulmuş ve 220px'den 155px'ye kadar sütun genişliği imzalanmıştır - Açık genişlik, minWidth ve her iki sütun için 155px için maxWidth Güncelleme...
Geri kalan filtre alanları için gri arka planları ekleyin ve altlara hizalayın
- Filtre sırasını flex-end (düşük çizgisi) için değiştirmek - Kalan tüm filtre alanı konteynerlerine gri arka plan ekleyin (#f8fafc) - Tarihi filtre stili stili...
Stack date filter fields dikey olarak gri arka plan ile
Değişim tarihi filtre alanları yatay ve dikey düzen için (flexDirection: sütun) - gri arka plan ekleyin (#f8fafc) sadece tarih filtre kutularına, tüm filtre sır...
Hızlı Arama'yı statü sekmelerine taşıyın, doğru hizalayın
- Hızlı Arama şimdi durum sekmeleri olarak aynı çizgide görünüyor, doğruya uyumlu - Tekrar arama çubuğu bölümünü ortadan kaldırmak için basit bir düzen - Durum ...
UI düzeni geliştirmek ve alay verileri artırmak
- Tarih filtre alanları için daha küçük metin yapın (fontSize: 0.75rem giriş için, etiketler için 0.7rem) Hızlı Arama'yı statü sekmeleri olarak aynı çizgiye taş...
Oluşturulan ve Assigned sütunlar için tarih aralığı filtre bileşenleri ekleyin
- Oluşturulan ve Assigned tarihi aralık filtreleri için devlet değişkenlerini ekleyin (başlangıç / son tarihler) - Start Date ve End Date alanları ile tarih ara...
İletişim isimlerini tıkılabilir bağlantıları açın ve açmak için çift tıklama ekleyin
Update ContactRenderer ilk ve son adı belirginleştirilmiş bağlantılar olarak göstermek için -CheckLead'da liderlik açan isimlerle iletişim kurmak veya /leads /v...
Sub-status dropdown filtreye ikonları ekleyin ve Anlaşmaları Sent
- Update 'Contracts Signed' to 'Contracts Sent' to match Java enum - Anlaşmalar için değişim ikonunu Assignment'dan gönder - Sub-status dropdown filtre menü öğe...
Kesilmiş satırlar için 17px'ye ayarlayın ID hücreleri
- 12px'den 17px'ye paddingLeft'i daha iyi hizalama için değiştirin
Her sub-status için ebeveyn durumu renklerle eşsiz simgeler ekleyin
- Her bir sub-status için eşsiz, ilgili simgeler ekleyin (örneğin, Yeni Lider için Kişi Ek, Left Message) - Icons ebeveyn statüsünü koruyor ( Fresh, mavi for Re...
Kesilmiş satırlarda padding'yi azaltın, değerleri hareket etmek için kimlik sütununu açın
- pinLeft'i 45px'den 12px'e kadar kesmiş sıralı kimlik hücreleri - IdRenderer Box sx propda eksik komün - Bu, baş kimlik değerlerini pined sıralarda daha fazla...
Sub-status sütun eşleştirme ebeveyn durumu renklerini ekleyin
Add getSubStatusIcon helper function to determine icon based on parent Sub-status ikonları aynı ikonları ve renkleri ebeveyn durumu olarak kullanır - Fresh sub-...
Anahtarlar ve veriler arasındaki farklar yerine ağ üstü filtre barı taşıyın
- AG Grid konteyneri dışındaki filtre barı hareket edin, yukarıdaki ızgarayı yukarıda konumlandırın - Büyüklüğüne neden olan mutlak yerleştirmeyi bırakın - Filt...
ID sütununu yönlendirmek ve İletişimden e-posta çıkarmak için acil bir kötüge hareket edin
- Kimlik sütununu yönlendirmek için İletişim sütunundan Urgent badge hareket edin - Pozisyon, hesap ikonunun solunda kötüleşti - ‘Urgent’ etiket metnini çıkarın...
Filtre barını çakışma veri sıralarından önlemek için ağ konteyner ekleyin
- Add theTop: grid konteyner kutusu 48px - Bu, başlıkları yerinde tutarken veri sıralarını aşağıya itiyor - Filtre barı üstte konumlandırılır: 48px (daha düşük...
İki yönlü senkronizasyonda sonsuz re-render döngüyü önlemek
- Yenileme kaynağını takip etmek için refs ekleyin (tab vs filterdown) - Diğer kaynaktan kaynaklandığı zaman güncelleştirmeleri girin - Reakt hatası #185'e nede...
Durum sekmeleri ve filtre düşüşleri arasında iki yönlü senkronizasyon ekleyin
- Durum sekmesi, â'nin güncelleme filtresini değiştirir (already var) - Filtre kapandığında, â'nin aktif durumu sekmesini (yeni) değiştirir - Sadece yeni kull...
Paralel genişlikler filtrelendikten sonra Effect kullanırRowData Açıklama
AG Grid filtrelerini kullanmak yerine filtreliRowData'yı manuel olarak uygulayın
- Tüm filtre mantığı filtreliRowData kullanımıMemo - AG Grid'e verileri geçmeden önce filtre uygulayın - İndir AG Grid, filtre verileri doğrudan filtreleme oldu...
Filtrelerin uygulanması için konsol log ve yenilemeCells ekleyin
- Ekle konsol.log to debug filtre modeli uygulandı - PRESİ'nin yürürlüğe girmesinden sonra yeni başlayanlar çağrı - Bu, filtreler doğru bir şekilde uygulanırsa ...
Tam olarak açık filtreler ve filtre model güncellemelerini doğru bir şekilde sağlar
- Değerlerin boş olduğu modelden filtreler yanlışlıkla silinir - Beyaz alanı işlemek için Trim filtre değerleri - Diğer filtreler korumak için önce mevcut filtr...
Genel olarak aşağıdaki tablo filtre sıra ve filtrelerin uygulanması
- Filtre sırasını üste taşıyın: 48px (belirli) yerine: 0 - Add paddingTop: AGridReact to account for filter row - Yüzücü FiltrelerHeight to 0 since we're using ...
Align filtre satırları sütunlar ve durumu düzeltme
- Pozisyon filtre satırları kesinlikle yüzen filtreler alanında (48px yükseklik) - Analog olarak sütun genişliğini eşleştirmek için senkronizasyon işlevlerini e...
Kargoyu gördüğünüz gibi?
İş alanınızda bu güncellemelerden her biri otomatik olarak. Ücretsiz başlayın ve haftadan sonra büyümesini izleyin.