[Angular Material] 如何解決在mat-tab內部出現的小上下捲動條scrollbar。使用dynamicHeight

-


有時會出現這個狀況
外部scrollbar以外，內部的tab也會出現scrollbar
造成操作的卡頓和不直覺





解決方法：


在
<mat-tab-group mat-stretch-tabs >
中加上

dynamicHeight 

 變成
<mat-tab-group mat-stretch-tabs dynamicHeight>

這樣就能解決了




引用stockoverflow

https://stackoverflow.com/questions/53778677/how-to-remove-scrollbar-from-mat-tab-or-mat-card-angular-material



Problem Solved: Just add dynamicHeight to <mat-tab-group>




























留言

張貼留言

這個網誌中的熱門文章

[Angular] 閒置登出作法

-
app.componemt.ts 偵測事件    //  如自動登出功能有bug 則停用以下--------    @ HostListener ( ' window:keyup ' ,  [])    @ HostListener ( ' window:click ' ,  [])    @ HostListener ( ' window:wheel ' ,  [])    @ HostListener ( ' window:mousemove ' ,  [])    resetTimer ()   {      this . authService . notifyUserAction () ;    } authService export   class   AuthService   {    isLoggedIn   =   false ;    //  ! 閒置登出時間請更改這參數的數字    endtimeSet   =   30 ;    //  這邊讓單位變成分鐘秒    endTime   =   this . endtimeSet   *   60 ;    //  store the URL so we can redirect after logging in    redirectUrl :   string ;    constructor ( private   router :   Router )   {}    //  偵...
閱讀完整內容

[Angular] 回到最上面 goTop按鈕作法

-
使用 .scrollTo({options}) 的方式 可以調用JS的smooth方式，讓滾動畫面有動畫 直接使用 .scrollTo(位置) 會有種瞬移閃現到目的地的感覺 所以看使用情境選擇使用方式 HTML        < button   mat-raised-button   color = " primary "   (click) = " goTop() " >               填完了嗎？點我回到最上方              </ button > TS    goTop ()   {      //  window.scrollTo(0, 0); // 沒動畫      window . scrollTo ( {   left :   0 ,   top :   0 ,   behavior :   ' smooth '   } ) ;    } 參考: https://stackoverflow.com/questions/36092212/smooth-scroll-angular2
閱讀完整內容

[SQL] 如何快速搜尋整個 SQL Server 資料庫中所有表格所有欄位中的所有資料

-
圖片
  https://blog.miniasp.com/post/2010/07/12/Search-all-columns-of-all-tables-in-a-database-for-a-keyword 最近在研究 TFS2010 的東西，不過這幾天慢慢的後悔安裝 TFS2010  繁體中文版 ，有些翻譯實在讓我太痛苦了，因為我現在看的資料都以英文為主，但當操作介面翻譯成中文後有時卻難以對應出影片或文章中講的項目到底在我的 Team Explorer 中到底是什麼項目，因此設法搜尋資料庫中上百張表格的所有資料，看看到底有沒有可以修改的地方。 如上圖示「使用者本文」是什麼？「產品計畫」又代表什麼呢？由於手邊沒有英文版的 TFS2010 可供參考，所以只好在看國外影片時特別注意翻譯然後自己要設法記得才行，但其他人怎麼辦？一個一個教嗎？ 因為這個需求讓我想到利用 T-SQL 看可否搜尋整個資料庫，看是否有可以修改資料庫中的資料就自動改變介面顯示的詞彙，然後我就找到一個由  Narayana Vyas Kondreddi  寫好的版本可以很方便的搜尋整個資料庫中所有表格所有欄位的資料，非常方便，我修改成不建立預儲程序(Stored Procedure)就能執行的的版本如下： DECLARE @SearchStr NVARCHAR ( 200 ) = N '.png' -- Copyright © 2002 Narayana Vyas Kondreddi. All rights reserved. -- Purpose: To search all columns of all tables for a given search string -- Written by: Narayana Vyas Kondreddi -- Site: http :// vyaskn . tripod . com -- Tested on: SQL Server 7.0 and SQL Server 2000 -- Date modified: 28th July 2002 22:50 GMT CREATE TABLE #Results (ColumnName nvarchar ( 370 ), ColumnValue nv...
閱讀完整內容