Skip to main content

 

OutSystems

Table Recordsの最後の行のスタイルの設定

Table Recordsウィジェットの最後の行の外観を他の行と区別するにはどのようにすればよいですか。

例: LocationTableの最後の行のテキストを太字にし、行の高さを50pxにします。

回答

LocationTable Table Recordsウィジェットの最後の行の外観を他の行と区別するには、以下の手順を実行します。

  1. Table Recordsウィジェットを含む画面/ブロックのスタイルシートに以下のCSSスニペットを追加します。

    .lastrowtrec {
        font-weight: bold; 
        line-height:50px;
    }
    

    これにより、lastrowtrecという名前の新しいクラスのスタイルが定義されます。

  2. Table RecordsのRowデータのExtended Propertiesclassとして、以下のコードスニペットを定義します。

    LocationTableRowデータ

    If( LocationTable.List.CurrentRowNumber = LocationTable.List.Length - 1 , "lastrowtrec" , "" )
    

    このコードスニペットは、最後の行のクラスを"lastrowtrec"に設定します。最後の行は、行番号がリストの長さ-1に等しい行です(ゼロから始まる行番号を示すため)。

    Table Recordsでページネーションを使用している場合、classを以下のように定義します。

    If( 
        LocationTable.List.CurrentRowNumber - LocationTable.StartIndex = Min(
            LocationTable.LineCount , LocationTable.List.Length - LocationTable.StartIndex 
        ) - 1 , "lastrowtrec" , "" 
    )
    

    これは前のコードを汎用化したものであり、Table Recordsの各ページの最後の行に"lastrowtrec"クラスを適用します。

  • Was this article helpful?