[Tex/LaTex] Cell color partially overriding cell border

colortables

I am using \cellcolor to give a background to some cells. The cell color is partially coming over the border of the cell as you can see in the screenshot.

enter image description here

This is my LaTeX code for the table.

\usepackage[table]{xcolor}

\begin{table}[h]
\centering
\setlength{\tabcolsep}{12pt}
\renewcommand{\arraystretch}{1.3}
\begin{tabular}{ l l l l}
\hline
  \multicolumn{1}{|c|}{1} & \multicolumn{1}{c|}{47.5\% (52.5\%)} & \multicolumn{1}{c|}{37.4\% (41.3\%)} & \multicolumn{1}{c|}{26.8\% (29.6\%)} \\
  \multicolumn{1}{|c|}{2} & \multicolumn{1}{c|}{70.9\% (74.3\%)} & \multicolumn{1}{c|}{61.5\% (68.2\%)} & \multicolumn{1}{c|}{51.4\% (57.5\%)} \\
  \multicolumn{1}{|c|}{3} & \multicolumn{1}{c|}{72.1\% (76.0\%)} & \multicolumn{1}{c|}{65.4\% (69.8\%)} & \multicolumn{1}{c|}{54.7\% (59.8\%)} \\
  \multicolumn{1}{|c|}{4} & \multicolumn{1}{c|}{{\cellcolor[gray]{.9}}72.1\% (77.1\%)} & \multicolumn{1}{c|}{62.6\% (67.0\%)} & \multicolumn{1}{c|}{52.5\% (55.9\%)} \\
  \multicolumn{1}{|c|}{5} & \multicolumn{1}{c|}{70.9\% (76.0\%)} & \multicolumn{1}{c|}{60.3\% (65.4\%)} & \multicolumn{1}{c|}{51.4\% (54.2\%)} \\
\hline
\end{tabular}
\end{table}

How could I solve this?

Best Answer

For the record, I still wasn't happy with this since I wanted the table to appear well in any viewer. So I sort of went round the problem by using \multicolumn{1}{>{\columncolor[gray]{.9}[9pt]}c|}{72.1\% (77.1\%)}

So the full code is:

\documentclass[12pt, a4paper]{report}
\usepackage[table]{xcolor}

\begin{document}
\begin{table}[ht]
\centering
\setlength{\tabcolsep}{12pt}
\renewcommand{\arraystretch}{1.3}
\begin{tabular}{ l l l l}
\hline
  \multicolumn{1}{|c|}{1} & \multicolumn{1}{c|}{47.5\% (52.5\%)} & \multicolumn{1}{c|}{37.4\% (41.3\%)} & \multicolumn{1}{c|}{26.8\% (29.6\%)} \\
  \multicolumn{1}{|c|}{2} & \multicolumn{1}{c|}{70.9\% (74.3\%)} & \multicolumn{1}{c|}{61.5\% (68.2\%)} & \multicolumn{1}{c|}{51.4\% (57.5\%)} \\
  \multicolumn{1}{|c|}{3} & \multicolumn{1}{c|}{72.1\% (76.0\%)} & \multicolumn{1}{c|}{65.4\% (69.8\%)} & \multicolumn{1}{c|}{54.7\% (59.8\%)} \\
  \multicolumn{1}{|c|}{4} & \multicolumn{1}{>{\columncolor[gray]{.9}[9pt]}c|}{72.1\% (77.1\%)} & \multicolumn{1}{c|}{62.6\% (67.0\%)} & \multicolumn{1}{c|}{52.5\% (55.9\%)} \\
  \multicolumn{1}{|c|}{5} & \multicolumn{1}{c|}{70.9\% (76.0\%)} & \multicolumn{1}{c|}{60.3\% (65.4\%)} & \multicolumn{1}{c|}{51.4\% (54.2\%)} \\
\hline
\end{tabular}
\end{table}
\end{document}

to achieve this: enter image description here

I'm happy with the result. Maybe it would be useful to someone else.

Update with minimal and maximal values

Minimal values are only usable when negative values are disabled (\negativeValuesfalse).

Code

\documentclass{article}
\usepackage[table]{xcolor}% http://ctan.org/pkg/xcolor
\usepackage{tikz,array,collcell}
\usetikzlibrary{calc}
\pgfdeclarelayer{background}
\pgfdeclarelayer{main}
\pgfsetlayers{background,main}
\newif\ifnegativeValues
\newcommand{\tikzMe}[1]{%
  \tikz[baseline]{
    \node[anchor=base,text width=\minWidth,align=\alignment,inner sep=0pt,inner xsep=\tabcolsep,outer sep=0pt] (n) {\strut$#1$};
    \begin{pgfonlayer}{background}
        \ifnegativeValues
            \pgfmathparse{#1<0?"red!50":"green!25"}
            \edef\color{\pgfmathresult}
        \else
            \def\color{green!25}
        \fi
       \pgfmathparse{abs((#1-\minValue)/(\maxValue-\minValue))}
       \fill[color=\color] (n.north west) rectangle ($(n.south west)!\pgfmathresult!(n.south east)$);
    \end{pgfonlayer}
  }
}
%\negativeValuestrue % inserts a minus sign for the minWidth and use red for negative values
\negativeValuesfalse % doesn't insert a minus sign, uses only green

\newcolumntype{H}[3]{%
  @{}
  >{%
    \ifx\\#1\\\def\alignment{right}\else\def\alignment{#1}\fi%
    \ifnegativeValues\def\minValue{0.}\else\def\minValue{#2}\fi%
    \def\maxValue{#3}%
    \def\minWidth{\widthof{$\ifnegativeValues-\fi#3$}}%
    \collectcell\tikzMe%
  }c<{\endcollectcell}
  @{}}
\begin{document}
\begin{tabular}{|H{}{10.}{100.00}|H{}{2.}{105.00}|H{}{0.}{150.00}|}
    \hline
    10.0   & 2.00   & 0.00   \\
    15.49  & 13.82  & 100.00 \\
    100.00 & 105.00 & 150.00 \\ \hline
\end{tabular}
\end{document}

Output

Update

Old answer

Code

\documentclass{article}
\usepackage[table]{xcolor}% http://ctan.org/pkg/xcolor
\usepackage{tikz,array,collcell}
\usetikzlibrary{calc}
\pgfdeclarelayer{background}
\pgfdeclarelayer{main}
\pgfsetlayers{background,main}
\newcommand*{\minWidth}{\widthof{$-100.00$}}
\newcommand*{\maxValue}{100}
\newcommand{\tikzMeL}[1]{\tikzMe{#1}{left}}
\newcommand{\tikzMeC}[1]{\tikzMe{#1}{center}}
\newcommand{\tikzMeR}[1]{\tikzMe{#1}{right}}
\newcommand{\tikzMe}[2]{%
  \tikz[baseline]{
    \node[anchor=base,text width=\minWidth,align=#2,inner sep=0pt,inner xsep=\tabcolsep,outer sep=0pt] (n) {\strut$#1$};
    \begin{pgfonlayer}{background}
       \pgfmathparse{#1<0?"red!50":"green!25"}
       \edef\color{\pgfmathresult}
       \pgfmathparse{abs(#1/\maxValue)}
       \fill[color=\color] (n.north west) rectangle ($(n.south west)!\pgfmathresult!(n.south east)$);
    \end{pgfonlayer}
  }
}
\newcolumntype{L}{@{}>{\collectcell\tikzMeL}c<{\endcollectcell}@{}}
\newcolumntype{C}{@{}>{\collectcell\tikzMeC}c<{\endcollectcell}@{}}
\newcolumntype{R}{@{}>{\collectcell\tikzMeR}c<{\endcollectcell}@{}}
\begin{document}
\begin{tabular}{|L|C|R|}        \hline
    91.41  & 100.00 & 38.76   \\
    -15.49 & -13.82 & -100.00 \\
    57.11  & 51.21  & -42.84  \\ \hline
\end{tabular}
\end{document}

Best Answer

Related Solutions

[Tex/LaTex] Highlight table cells using thick, colored border

[Tex/LaTex] Partially coloring cell background with histograms

Update with minimal and maximal values

Code

Output

Old answer

Code

Output

Related Question