taipy/doc/gui/examples/controls/table_styling_cells/builder.py

# Copyright 2021-2024 Avaiga Private Limited
#
# Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
# the License. You may obtain a copy of the License at
#
#        http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
# an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
# specific language governing permissions and limitations under the License.
# -----------------------------------------------------------------------------------------
# To execute this script, make sure that the taipy-gui package is installed in your
# Python environment and run:
#     python <script>
# -----------------------------------------------------------------------------------------
from random import randrange

import taipy.gui.builder as tgb
from taipy.gui import Gui

x_range = range(0, 11)

# The dataset is made of three arrays:
# x: an integer value from 0 to 5
# y: the square of the value in the "x" column
# z: a random integer betweewn 0 and 5
data = {"x": x_range, "y": [x * x for x in x_range], "z": [randrange(6) for _ in x_range]}


def xy_style(_1, _2, index, _3, column_name):
    return (
        # The background color of the 'x' column alternates between two shades of green,
        # varying in lightness.
        ("greenish" if index % 2 else "lightgreenish")
        if column_name == "x"
        # The background color of the 'y' column alternates between two shades of green,
        # varying in lightness
        else ("reddish" if index % 2 else "lightreddish")
    )


def z_style(_, value):
    # Build a CSS classname from the value.
    # The lower the value is, the lighter the color is.
    return f"col{value}"


with tgb.Page(
    style={
        ".reddish": {"color": "white", "background-color": "#bf1313"},
        ".lightreddish": {"color": "black", "background-color": "#ff1919", "font-weight": "bold"},
        ".greenish": {"color": "white", "background-color": "#75bf75"},
        ".lightgreenish": {"color": "black", "background-color": "#9cff9c", "font-weight": "bold"},
        ".col0": {"background-color": "#d0d0d0"},
        ".col1": {"background-color": "#a4a0cf"},
        ".col2": {"background-color": "#7970cf"},
        ".col3": {"background-color": "#4e40cf", "color": "white"},
        ".col4": {"background-color": "#2410cf", "color": "white"},
        ".col5": {"background-color": "#1b02a8", "color": "white"},
    }
) as page:
    tgb.table("{data}", style__x=xy_style, style__y=xy_style, style__z=z_style, show_all=True)
    # Using a lambda function instead of z_style:
    #tgb.table("{data}", style__x=xy_style, style__y=xy_style, style__z=lambda _, v: f"col{v}", show_all=True)


if __name__ == "__main__":
    Gui(page).run(title="Table - Styling cells")