테이블 형식으로 Header 정보 넣기 위해
스타일 라이브러리의 XSL Style Sheets 폴더에서 ContentQuerMain.xsl 파일과 ItemStyle.xsl 파일을 수정해야 합니다.
우선 해당 파일을 다운받습니다.
1. ContentQueryMain.xsl 파일에 코드 추가
우선, <xsl:template name="OuterTemplate.CallItemTemplate"> 안에 아래 두가지의 코드를 캡쳐 이미지1과 같이 추가하시면 됩니다.
<xsl:param name="LastRow" />
<xsl:when test="@Style='CustomStyle'">
<xsl:apply-templates select="." mode="itemstyle">
<xsl:with-param name="CurPos" select="$CurPosition" />
<xsl:with-param name="Last" select="$LastRow" />
</xsl:apply-templates>
</xsl:when>
캡쳐 이미지1)
또, <xsl:template name="OuterTemplate.Body">안에 <xsl:call-template name="OuterTemplate.CallItemTemplate"> 태그가 있는데,
그 안에도 아래 캡쳐 이미지2와 같이, <xsl:with-param name="LastRow" select="$LastRow"/> 태그를 추가합니다.
캡쳐 이미지2)
2. ItemStyle.xsl 파일에 코드 추가
수정했던 부분을 삭제하시고 아래 코드를 추가하시면 됩니다.
<xsl:template name="CustomStyle" match="Row[@Style='CustomStyle']" mode="itemstyle">
<xsl:param name="CurPos" />
<xsl:param name="Last" />
<xsl:variable name="SafeLinkUrl">
<xsl:call-template name="OuterTemplate.GetSafeLink">
<xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
</xsl:call-template>
</xsl:variable>
<xsl:variable name="DisplayTitle">
<xsl:call-template name="OuterTemplate.GetTitle">
<xsl:with-param name="Title" select="@Title"/>
<xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
</xsl:call-template>
</xsl:variable>
<xsl:variable name="Rows" select="./@Title"/>
<xsl:variable name="TableStart">
<xsl:if test="$CurPos = 1">
<![CDATA[
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed">
<tr bgcolor="#f9f9f9">
<td width="25%" style="padding:6px;"><b>제목</b></td>
<td width="45%" style="padding:6px;"><b>설명</b></td>
<td width="15%" align="center" style="padding:6px;"><b>수정한 사람</b></td>
<td width="15%" align="right" style="padding:6px;"><b>수정한 날짜</b></td>
</tr>
]]>
</xsl:if>
</xsl:variable>
<xsl:variable name="TableEnd">
<xsl:if test="$CurPos = $Last">
<![CDATA[ </table> ]]>
</xsl:if>
</xsl:variable>
<xsl:value-of select="$TableStart" disable-output-escaping="yes"/>
<tr>
<td width="25%">
<div id="linkitem" class="item link-item bullet">
<nobr style="text-overflow:ellipsis;overflow-x:hidden;width:95%">
<a href="{$SafeLinkUrl}" target="_blank" title="{@Title}">
<xsl:value-of select="$DisplayTitle"/>
</a>
</nobr>
</div>
</td>
<td width="45%" title="{@Description}">
<nobr style="text-overflow:ellipsis;overflow-x:hidden;width:95%">
<xsl:value-of select="@Description" />
</nobr>
</td>
<td width="15%" align="center" title="{@Editor}">
<nobr style="text-overflow:ellipsis;overflow-x:hidden;width:95%">
<xsl:value-of select="@Editor" />
</nobr>
</td>
<td width="15%" align="right" title="{substring(@Modified, 0, 11)}" style="padding-right:7px;">
<nobr style="text-overflow:ellipsis;overflow-x:hidden;width:95%">
<xsl:value-of select="substring(@Modified, 0, 11)" />
</nobr>
</td>
</tr>
<xsl:value-of select="$TableEnd" disable-output-escaping="yes"/>
</xsl:template>
3. 결과 화면