EGUI Styling Issue: Table Header Background Color

[itsNiccoloSabatini]

The Goal and the Problem

I am working with the egui GUI framework (0.33.0), and I need help styling the table header backgrounds.

• Goal: I want to set the background color of the table header cells to a color specified by me (hardcoded).
• Problem: I've tried to apply the solution brought by @YgorSouza in the Discussion Table header color #4899 (comment).

The solution kinda manages to fill most of the row, but it leaves some lines in between the cells, I wonder if I am missing something. It would be great to find a solution to this somehow.

The Code

(the code is the actual code but renamed as a demo)

fn draw_table(ui: &mut egui::Ui, _ui_size: &UiSize, app_state: &mut AppState) {
    let item_spacing = ui.spacing().item_spacing;
    let bg = UiColor::DarkBlue;
    TableBuilder::new(ui)
        .vscroll(false)
        .cell_layout(egui::Layout::left_to_right(egui::Align::Center))
        .column(Column::exact(
            app_state.table_column_lengths.col1_width,
        ))
        .column(Column::exact(
           app_state.table_column_lengths.col2_width,
        ))
        .column(Column::exact(
            app_state.table_column_lengths.col3_width,
        ))
        .header(55.0, |mut header| {
            let paint_bg = |ui: &mut egui::Ui| {
                let gapless_rect = ui.max_rect().expand2(0.5 * item_spacing);
                ui.painter().rect_filled(gapless_rect, 0.0, bg);
            };
            header.col(|ui| {
                paint_bg(ui);
                ui.heading(RichText::new(t!("id").as_str()).color(UiColor::White));
            });
            header.col(|ui| {
                paint_bg(ui);
                ui.heading(RichText::new(t!("status").as_str()).color(UiColor::White));
            });
            header.col(|ui| {
                paint_bg(ui);
                ui.heading(RichText::new(t!("last_used").as_str()).color(UiColor::White));
            });
        })
        .body(|mut body| {
            // Here you would typically iterate over your data to fill the table rows
            for i in 0..50 {
                body.row(55.0, |mut row| {
                    row.col(|ui| {
                        ui.label(format!("{}", i + 1));
                    });
                    row.col(|ui| {
                        ui.label("Active");
                    });
                    row.col(|ui| {
                        ui.label("2024-06-01 12:00");
                    });
                });
            }
        });
}

The image