The problem with triggering styles to the table

[Kolhun]

Version of Dear PyGui - 2.1.1

Operating System: Windows 10

My Issue/Question

I updated dearpygui from version 1.11.1 and the theme stopped working normally.

def create_work_table(
    content: dict[Any, Any],
    popup_tag: str | None = None,
    key: Any = None,
) -> None:
    """
    Создаёт или обновляет таблицу с рабочими данными в интерфейсе.

    Args:
        content: словарь с данными для отображения
        popup_tag: тег всплывающего окна (если используется)
        key: дополнительный ключ (не используется в текущей реализации)
    """
    TABLE_TAG = "tagWorkTableInMapTable"
    PARENT_TAG = "TAG_TABLE_WORK" 

    conf.dataFeatureTableWork.clear()
    if dpg.does_item_exist(TABLE_TAG):
        dpg.delete_item(TABLE_TAG)
    with dpg.theme() as table_theme:
        with dpg.theme_component(dpg.mvTable):
            dpg.add_theme_color(dpg.mvThemeCol_HeaderActive, (0, 0, 0, 0), category=dpg.mvThemeCat_Core)
            dpg.add_theme_color(dpg.mvThemeCol_Header, (0, 0, 0, 0), category=dpg.mvThemeCat_Core)

    with dpg.table(header_row=True, no_host_extendX=True, delay_search=True,
                   borders_innerH=True, borders_outerH=True, borders_innerV=True,
                   borders_outerV=True, context_menu_in_body=True, row_background=True,
                   policy=dpg.mvTable_SizingFixedFit, height=260, clipper=True, scrollY=True,
                   tag=TABLE_TAG, parent=TAG_TABLE_WORK, freeze_rows=1) as table:
        dpg.add_table_column(label="№")
        dpg.add_table_column(label="UID")
        dpg.add_table_column(label="Имя")
        dpg.add_table_column(label="Статус")

        for index, (key_item, data) in enumerate(content.items()):
            if should_display_row_table_work(data, index):
                show_content_table_work(data, index)
                get_data_feature(conf.dataFeatureTableWork, data)

    dpg.bind_item_theme(table, table_theme)

Specifically, the problem with applying the theme is that after clicking on a line, the line becomes transparent again without color overlay, this does not happen when building on a new version.

To Reproduce

The problem is related specifically to styles

Expected behavior

When you click on the rows of the table, the background of the row should become transparent again.

Screenshots/Video

Need

Now

Standalone, minimal, complete and verifiable example

import dearpygui.dearpygui as dpg


def on_row_click(sender, app_data, user_data):
    print(f"Click on row: {user_data}")


dpg.create_context()


with dpg.window(label="Example Table", width=600, height=400):
    with dpg.theme() as table_theme:
        with dpg.theme_component(dpg.mvTable):
            dpg.add_theme_color(dpg.mvThemeCol_HeaderActive, (0, 0, 0, 0), category=dpg.mvThemeCat_Core)
            dpg.add_theme_color(dpg.mvThemeCol_Header, (0, 0, 0, 0), category=dpg.mvThemeCat_Core)
    
    with dpg.table(header_row=True, borders_innerH=True, borders_outerH=True, 
                   borders_innerV=True, borders_outerV=True, 
                   tag="example_table") as table:
        
        dpg.bind_item_theme(table, table_theme)
        

        dpg.add_table_column(label="№")
        dpg.add_table_column(label="Name")
        dpg.add_table_column(label="Status")
        

        test_data = [
            {"id": 1, "name": "Element 1", "status": "Active"},
            {"id": 2, "name": "Element 2", "status": "Inactive"},
            {"id": 3, "name": "Element 3", "status": "Active"},
            {"id": 4, "name": "Element 4", "status": "Inactive"},
            {"id": 5, "name": "Element 5", "status": "Active"},
        ]
        
        for index, data in enumerate(test_data):
            with dpg.table_row():
                for j in range(3):
                    if j == 0:
                        str_name = str(data["id"])
                    elif j == 1:
                        str_name = data["name"]
                    else:
                        str_name = data["status"]
                    
                    dpg.add_selectable(
                        label=str_name, 
                        span_columns=True,
                        user_data=(index, data),
                        callback=on_row_click
                    )

dpg.create_viewport(title="Minimal Table", width=600, height=400)
dpg.setup_dearpygui()
dpg.show_viewport()
dpg.start_dearpygui()
dpg.destroy_context()

[v-ein]

This happens because the new ImGui, used by DPG 2.0+, renders selectables in the selected state (i.e. after click) using an interpolation between the Header and HeaderHovered colors. I'd say this was a regression; it got fixed in subsequent versions of ImGui but DPG is not there yet. We expect it to get fixed in DPG 2.3 with a planned update of Dear ImGui. Until then, you can try to revert the selectable to unselected state by doing set_value(sender, False) in the callback.

For reference:

• a Dear ImGui changelog entry for v1.91.5 on reverting this change:

Selectable: selected Selectables use ImGuiCol_Header instead of an arbitrary lerp between _Header and _HeaderHovered which was introduced v1.91 (#8106, #1861)

• Omar's explanation of how it was introduced: Is there an official way to turn off highlight during hover for Selectable() but keep the other functionalities ocornut/imgui#8106 (comment)
• Current plan on DPG releases: Fix get_plot_mouse_pos() precision by calculating on-demand #2596 (comment)

[Kolhun]

Это происходит потому, что новый ImGui, используемый в DPG 2.0+, отображает элементы, доступные для выбора, в выбранном состоянии (то есть после нажатия) с помощью интерполяции между цветами Header и HeaderHovered . Я бы сказал, что это регресс; проблема была устранена в последующих версиях ImGui, но в DPG этого пока нет. Мы ожидаем, что проблема будет устранена в DPG 2.3 с запланированным обновлением Dear ImGui. А пока вы можете попробовать вернуть элемент, доступный для выбора, в невыбранное состояние, выполнив set_value(sender, False) в обратном вызове.

Для справки:

• Запись в журнале изменений Dear ImGui для версии 1.91.5 об отмене этого изменения:

Возможность выбора: при выборе элементов с возможностью выбора используется ImGuiCol_Header вместо произвольной линейной интерполяции между _Header и _HeaderHovered, которая появилась в версии 1.91 (#8106, #1861)

• Объяснение Омаром того, как это было реализовано: Есть ли официальный способ отключить выделение при наведении курсора для Selectable(), но сохранить другие функции ocornut/imgui#8106 (комментарий)
• Текущий план по выпуску DPG: Повысить точность get_plot_mouse_pos() за счёт вычислений по запросу #2596 (комментарий)

Yes, your thought helped me, thank you!