[Tex/LaTex] Images in table going over cell lines,

graphicstables

I'm trying to create a table with a few images in and it's mostly done apart from the images seemingly overlap with the cell lines deleting them. A shorter MWE is below (the full table will contain around 20 images) along with a picture of what's happening, if anyone could help me with justifying the images within the cells as well that would be great.

\documentclass{report}
\usepackage{longtable}
\usepackage{graphicx}

\begin{document}
\\begin{center}
\begin{longtable}{|l|l|l|}
 \caption{Molecular structures of the molecules chosen in the blind test}\label{big_tab} \\
\hline Molecular Structure & Category & Blind test \\ \hline 
\endfirsthead

\multicolumn{3}{c}%
{{\bfseries \tablename\ \thetable{} -- continued from previous page}} \\
\hline Molecular Structure & Category & Blind test \\ \hline 
\endhead

\hline \multicolumn{3}{|r|}{{Continued on next page}} \\ \hline
\endfoot

\hline \hline
 \endlastfoot

\includegraphics[width=1in]{I.png} & i & \multicolumn{ 1}{c|}{1st} \\ \cline{ 1- 2}
\includegraphics[width=1in]{II.png} & ii & \multicolumn{ 1}{l|}{} \\ \cline{    1- 2}
\includegraphics[width=2in]{III.png} & iii & \multicolumn{ 1}{l|}{} \\   \hline
\includegraphics[width=1in]{IV.png} & i & \multicolumn{ 1}{c|}{2nd} \\  \cline{ 1- 2}
\includegraphics[width=1in]{V.png} & ii & \multicolumn{ 1}{l|}{} \\ \cline{ 1- 2}
\includegraphics[width=2in]{VI.png} & iii & \multicolumn{ 1}{l|}{} \\ \hline
\end{longtable}
\end{center}

\end{document}

enter image description here

Best Answer

The problem is that \includegraphics inside a tabular leaves no space above the image, so it abuts the dividing line. Here, I use the \addvbuffer macro of the verbatimbox package to add a 3pt buffer above (and 0pt below) the image, and call that new form \Includegraphics, with a cap I.

\documentclass{report}
\usepackage{longtable}
\usepackage[demo]{graphicx}
\usepackage{verbatimbox}
\newcommand\Includegraphics[2][]{\addvbuffer[3pt 0pt]{\includegraphics[#1]{#2}}}

\begin{document}
\begin{center}
\begin{longtable}{|l|l|l|}
 \caption{Molecular structures of the molecules chosen in the blind test}\label{big_tab} \\
\hline Molecular Structure & Category & Blind test \\ \hline 
\endfirsthead

\multicolumn{3}{c}%
{{\bfseries \tablename\ \thetable{} -- continued from previous page}} \\
\hline Molecular Structure & Category & Blind test \\ \hline 
\endhead

\hline \multicolumn{3}{|r|}{{Continued on next page}} \\ \hline
\endfoot

\hline \hline
 \endlastfoot

\Includegraphics[width=1in]{I.png} & i & \multicolumn{ 1}{c|}{1st} \\ \cline{ 1- 2}
\Includegraphics[width=1in]{II.png} & ii & \multicolumn{ 1}{l|}{} \\ \cline{    1- 2}
\Includegraphics[width=2in]{III.png} & iii & \multicolumn{ 1}{l|}{} \\   \hline
\Includegraphics[width=1in]{IV.png} & i & \multicolumn{ 1}{c|}{2nd} \\  \cline{ 1- 2}
\Includegraphics[width=1in]{V.png} & ii & \multicolumn{ 1}{l|}{} \\ \cline{ 1- 2}
\Includegraphics[width=2in]{VI.png} & iii & \multicolumn{ 1}{l|}{} \\ \hline
\end{longtable}
\end{center}

\end{document}

enter image description here

Related Solutions

[Tex/LaTex] Diagonal lines in table cell

Exact solution with TikZ:

\documentclass[11pt]{article}
\usepackage[T1]{fontenc}
\usepackage{array}
\usepackage{makecell}
\newcolumntype{x}[1]{>{\centering\arraybackslash}p{#1}}

\usepackage{tikz}
\newcommand\diag[4]{%
  \multicolumn{1}{p{#2}|}{\hskip-\tabcolsep
  $\vcenter{\begin{tikzpicture}[baseline=0,anchor=south west,inner sep=#1]
  \path[use as bounding box] (0,0) rectangle (#2+2\tabcolsep,\baselineskip);
  \node[minimum width={#2+2\tabcolsep},minimum height=\baselineskip+\extrarowheight] (box) {};
  \draw (box.north west) -- (box.south east);
  \node[anchor=south west] at (box.south west) {#3};
  \node[anchor=north east] at (box.north east) {#4};
 \end{tikzpicture}}$\hskip-\tabcolsep}}

\begin{document}
\setlength{\extrarowheight}{0.1cm}
\begin{tabular}{|x{0.5cm}|x{0.5cm}|x{0.5cm}|x{0.5cm}|x{0.5cm}|}\hline
&&&&20\\ \hline
&&&&30\\ \hline
&&&&45\\ \hline
15&12&18&50&\diag{.1em}{.5cm}{$a_i$}{$b_j$}\\ \hline
\end{tabular}
\end{document}

enter image description here

Also it is a reimplementation of \diaghead.

[Tex/LaTex] Images inside table are drawn on top of cell borders

Include the image in a \fbox{}and set the space around it. But use @{} in tabular columns. See the MWE:

\documentclass{article}
\usepackage{graphicx}

% Command just to avoid too much typing in tabular 
\newcommand{\imgtest}{
  \framebox{
   \includegraphics[width=.4\textwidth]{img.jpg}}}

\begin{document}

\setlength{\fboxsep}{20pt}
\setlength{\fboxrule}{0pt}

\begin{table}[ht]
\begin{tabular}{|@{}c@{}|@{}c@{}|}
\hline
\imgtest & \imgtest \\
\hline
\imgtest & \imgtest \\
\hline
\end{tabular}
\end{table}

\setlength{\fboxsep}{10pt}
\setlength{\fboxrule}{2pt}

\begin{table}[ht]
\begin{tabular}{|@{}c@{}|@{}c@{}|}
\imgtest & \imgtest \\
\imgtest & \imgtest \\
\end{tabular}
\end{table}

\end{document}

Other solution could be make a minipage in each cell instead of a framed box (modify the lengths as needed):

\begin{minipage}{0.4\textwidth}
\vspace{1mm}
\centering
\includegraphics[scale=.5]{image1.png}
\vspace{1mm}
\end{minipage}

But if you do not want to see the vertical lines in the table (ie, {cc} instead of {|c|c|}) a \\ after \hline might be enough.

Finally: May be do you are searching for a float with subfigures instead of a table with figures? In this case, see the package subcaption.

Best Answer

Related Solutions

[Tex/LaTex] Diagonal lines in table cell

[Tex/LaTex] Images inside table are drawn on top of cell borders

Related Question