[Tex/LaTex] \cline does not show on cell with background

backgroundsrulestables

I want to create a tabular with an empty top left cell and a background color on the column and row headers (except the empty top left).

I try to combine this two answers:
color only a cell of a table
Remove border of top left table cell

But the background color seams to be drawn on top of the upper rule when using \cline. This does not happen with \hline.

How do I draw \cline on top of the background color?

$ lualatex --version
This is LuaTeX, Version beta-0.80.0 (TeX Live 2015/Debian) (rev 5238)

MCVE:

\documentclass[24pt a6paper, landscape]{article}
\usepackage[utf8]{inputenc}
\usepackage[table]{xcolor}% http://ctan.org/pkg/xcolor
\usepackage[paperheight=3.7in,paperwidth=6.2in, margin=0.5cm]{geometry}
\begin{document}

\newcommand{\sometext}{this is just to demonstrate line breaking}   
\definecolor{headercolor}{RGB}{209,220,204}

\newcommand{\cellDefinition}[1]{\parbox{3cm}{\vspace{3mm}#1\vspace{3mm}}}

This table has a line at the top of the gray cell (1-3) because of \verb|\hrule| :

\begin{tabular}{c|c|c|c|}\hline
 \multicolumn{1}{c|}{} &    \cellDefinition{\sometext} & \cellcolor{headercolor}    \cellDefinition{\sometext} &    \cellDefinition{\sometext} \\ \hline
    \cellDefinition{\sometext} &    \cellDefinition{\sometext}  &   \cellDefinition{\sometext}  &   \cellDefinition{\sometext} \\ \hline
\end{tabular} 
\vspace{1em}

How do I draw the same (evenly thick) line on top of the gray cell with \verb|\crule| ?

\begin{tabular}{c|c|c|c|}\cline{2-4}\cline{2-4}
    \multicolumn{1}{c|}{} & \cellDefinition{\sometext} & \cellcolor{headercolor}    \cellDefinition{how do I bring the line at top before the background? } &   \cellDefinition{\sometext} \\\hline
    \cellDefinition{\sometext}  & \cellcolor{headercolor}       \cellDefinition{I want such top line at the other cell too.} &  \cellDefinition{\sometext} &    \cellDefinition{\sometext} \\ \hline
\end{tabular} 


\end{document}

result

Best Answer

You have to \usepackage{hhline} and have to replace \cline{2-4} by \hhline{~|-|-|-|}. The argument of \hhline is a specification of what to draw: ~ corresponds to an empty column, - to a line spanning one column, and | signals a junction with a vertical line.

\documentclass[24pt a6paper, landscape]{article}
\usepackage[utf8]{inputenc}
\usepackage[table]{xcolor}% http://ctan.org/pkg/xcolor
\usepackage[paperheight=3.7in,paperwidth=6.2in, margin=0.5cm]{geometry}
\usepackage{hhline}
\begin{document}

\newcommand{\sometext}{this is just to demonstrate line breaking}   
\definecolor{headercolor}{RGB}{209,220,204}

\newcommand{\cellDefinition}[1]{\parbox{3cm}{\vspace{3mm}#1\vspace{3mm}}}

This table has a line at the top of the gray cell (1-3) because of \verb|\hrule| :

\begin{tabular}{c|c|c|c|}\hline
 \multicolumn{1}{c|}{} &    \cellDefinition{\sometext} & \cellcolor{headercolor}    \cellDefinition{\sometext} &    \cellDefinition{\sometext} \\ \hline
    \cellDefinition{\sometext} &    \cellDefinition{\sometext}  &   \cellDefinition{\sometext}  &   \cellDefinition{\sometext} \\ \hline
\end{tabular} 
\vspace{1em}

How do I draw the same (evenly thick) line on top of the gray cell with \verb|\crule| ?

\begin{tabular}{c|c|c|c|}
    \hhline{~|-|-|-|}
    \multicolumn{1}{c|}{} & \cellDefinition{\sometext} & \cellcolor{headercolor}    \cellDefinition{how do I bring the line at top before the background? } &   \cellDefinition{\sometext} \\\hline
    \cellDefinition{\sometext}  & \cellcolor{headercolor}       \cellDefinition{I want such top line at the other cell too.} &  \cellDefinition{\sometext} &    \cellDefinition{\sometext} \\ \hline
\end{tabular} 


\end{document}

Related Solutions

[Tex/LaTex] tabu package – gaps in vertical lines

One way is to shift up the skip prior to the mid-height \tabucline with a \\[-1pt]. See below for 2nd approach.

%Dokumentclass
\documentclass[landscape]{letter}

%Packages
\usepackage[landscape]{geometry}
\usepackage[utf8]     {inputenc}
\usepackage           {multirow}
\usepackage           {tabu}

%Formatting
\pagestyle{empty} %Remove numbering

\begin{document}
  \begin{tabu}{ |[1pt] l | l l | l | l |[1pt] }
                                                                                                                 \tabucline[1 pt]{1-5}
    \multicolumn{2}{ |[1pt] l }{ } & \multicolumn{3}{ |[1pt] l |[1pt]}{ }                                     \\                       \hline
    &                              & \multicolumn{1}{ |[1pt] l |     }{ } & \multicolumn{2}{  l |[1pt] }{ }   \\                       \hline
 y   &                              & \multicolumn{1}{ |[1pt] l |     }{ } & \multicolumn{2}{  l |[1pt] }{ }   \\[-1pt]   \tabucline[1 pt]{3-5} 
\hline
 x   &                              & \multicolumn{1}{ |[1pt] l |     }{ } &                                 & \\                       \hline
    &                              & \multicolumn{1}{ |[1pt] l |     }{ } &                                 & \\                       \hline
    &                              & \multicolumn{1}{ |[1pt] l |     }{ } &                                 & \\                       \hline
    &                              & \multicolumn{1}{ |[1pt] l |     }{ } &                                 & \\ \tabucline[1 pt]{1-5}
  \end{tabu}
\end{document}

enter image description here

Alternately, if you want the thin line to bisect the thick line, then the approach: \\[-1pt] \tabucline[1 pt]{3-5}\\[-12.5pt]\hline works.

%Dokumentclass
\documentclass[landscape]{letter}

%Packages
\usepackage[landscape]{geometry}
\usepackage[utf8]     {inputenc}
\usepackage           {multirow}
\usepackage           {tabu}

%Formatting
\pagestyle{empty} %Remove numbering

\begin{document}
  \begin{tabu}{ |[1pt] l | l l | l | l |[1pt] }
                                                                                                                 \tabucline[1 pt]{1-5}
    \multicolumn{2}{ |[1pt] l }{ } & \multicolumn{3}{ |[1pt] l |[1pt]}{ }                                     \\                       \hline
    &                              & \multicolumn{1}{ |[1pt] l |     }{ } & \multicolumn{2}{  l |[1pt] }{ }   \\                       \hline
 y   &                              & \multicolumn{1}{ |[1pt] l |     }{ } & \multicolumn{2}{  l |[1pt] }{ }   \\[-1pt]   \tabucline[1 pt]{3-5}\\[-12.5pt]
\hline
 x   &                              & \multicolumn{1}{ |[1pt] l |     }{ } &                                 & \\                       \hline
    &                              & \multicolumn{1}{ |[1pt] l |     }{ } &                                 & \\                       \hline
    &                              & \multicolumn{1}{ |[1pt] l |     }{ } &                                 & \\                       \hline
    &                              & \multicolumn{1}{ |[1pt] l |     }{ } &                                 & \\ \tabucline[1 pt]{1-5}
  \end{tabu}
\end{document}

enter image description here

[Tex/LaTex] Multi-colored cell background

A more flexible background definition can be done by collecting from my answer to TikZ: Rectangle with diagonal fill (two colors) and Gonzalo's answer to Set table background hatched and shaded using tikz. There are some spacing issues, mostly (I think) because I'm not quite aware of the padding macros inside the tabular cells, specially with booktabs rules (toprule, \midrule,...), so it works better with \hline right now, but I'm sure it can be easily improved.

The column specifier is not overruled, but it needs to be specified explicitly. In the below MWE I use dcolumn but I recommend the use of siunitx instead, as done by Salim Bou.

MWE

\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{tikzmark, calc}
% Makes a style for double color filling
\tikzset{
    double color fill/.code 2 args={
        \pgfdeclareverticalshading[%
            tikz@axis@top,tikz@axis@middle,tikz@axis@bottom%
        ]{diagonalfill}{100bp}{%
            color(0bp)=(tikz@axis@bottom);
            color(50bp)=(tikz@axis@bottom);
            color(50bp)=(tikz@axis@middle);
            color(50bp)=(tikz@axis@top);
            color(100bp)=(tikz@axis@top)
        }
        \tikzset{shade, left color=#1, right color=#2, shading=diagonalfill}
    }
}
% Code adapted from Gonzalo: https://tex.stackexchange.com/a/67096/81905
\newcommand\BGcell[4][0pt]{%
  \begin{tikzpicture}[overlay,remember picture]%
    \path[#4] ( $ (pic cs:#2) + (-.5\tabcolsep,1.9ex) $ ) rectangle ( $ (pic cs:#3) + (\tabcolsep,-#1*\baselineskip-.8ex) $ );
  \end{tikzpicture}%
}%
\newcounter{BGnum}
\setcounter{BGnum}{1}
\newcommand\cellBG[3]{
    \multicolumn{1}{
        !{\BGcell{startBG\arabic{BGnum}}{endBG\arabic{BGnum}}{%
                #1}
            \tikzmark{startBG\arabic{BGnum}}}
            #2
        !{\tikzmark{endBG\arabic{BGnum}}}}
        {#3} 
      \addtocounter{BGnum}{1}
}
% end of code from Gonzalo

\usepackage{dcolumn, array, booktabs}
\newcolumntype{.}{D{.}{.}{-1}}
\newcommand*{\tabhead}[1]{\multicolumn{1}{c}{#1}}

\begin{document}
  \tikzset{%
    diagonal fill/.style 2 args={%
        double color fill={#1}{#2},
        shading angle=45,
        opacity=0.8},
    other filling/.style={%
        shade,
        shading=myshade,
        shading angle=0,
        opacity=0.5}
   }
  % Other crazy filling options using shading
  \pgfdeclarehorizontalshading{myshade}{100bp}{%
      color(0bp)=(blue);
      color(25bp)=(blue);
      color(37.5bp)=(blue);
      color(37.5bp)=(brown);
      color(50bp)=(brown);
      color(50bp)=(green);
      color(62.5bp)=(green);
      color(62.5bp)=(purple);
      color(75bp)=(red);
      color(100bp)=(red)}

  \begin{tabular}{c.}
    \toprule
    \cellBG{double color fill={red}{blue}, shading angle=-45, opacity=0.5}{c}{Header 1} & \tabhead{Header 2}\\
    \midrule
    \cellBG{diagonal fill={yellow}{green}}{c}{Text} & \cellBG{other filling}{.}{1.2333}\\
    \cellBG{other filling}{c}{Text} & 154.622\\
    Text & 1.244\\
    Text & 11.3\\
    Text & 121.2\\
    \bottomrule
  \end{tabular}
\end{document}

This method relies on TikZ shadings, they're not so complicated to define and are very powerful. One thing to take into account when declaring a shading is that if you define it to be of 100bp it will automatically scale, and the visible part of the shading will be between 25bp and 75bp, that's why my Multi Color shading has blue from 0bp to 25bp, because that part is actually hidden. The key shading angle can be used to set the diagonal slant, other types of shading can be defined as well (check the manual for more info).

Best Answer

Related Solutions

[Tex/LaTex] tabu package – gaps in vertical lines

[Tex/LaTex] Multi-colored cell background

MWE

Related Question