SF ：Salesforce中，datalable

1.salesforce default dataTable:

<apex:pageBlockTable value="{list}" var="item">

    <apex:column value="{!item.field1}"/>

    <apex:column value="{!item.field1}"/>

    <apex:column value="{!item.field1}"/>

    <apex:column value="{!item.field1}"/>

    <apex:column value="{!item.field1}"/>

</apex:pageBlockTable>

2.add salesforce CSS:

<table class="list">

    <tr class="headerRow">

        <td>ContentId</td>

        <td>Title</td>

        <td>FileType</td>

        <td>ContentSize</td>

        <td>Library</td>

    </tr>

    <apex:repeat value="{!innerContentList}" var="item">

        <tr class="dataRow even first" οnblur="if (window.hiOff){hiOff(this);}" οnfοcus="if (window.hiOn){hiOn(this);}" (window.hiOff){hiOff(this);}" (window.hiOn){hiOn(this);}">

            <td><apex:outputText value="{!item.innerCont.Id}"/></td>

            <td><apex:outputText value="{!item.innerCont.Title}"/></td>

            <td><apex:outputText value="{!item.innerCont.FileType}"/></td>

            <td><apex:outputText value="{!item.innerCont.ContentSize}"/></td>

            <td><apex:outputText value="{!item.LibraryName}"/></td>

        </tr>

    </apex:repeat>

</table>

3.

<table class="detailList">

    <tr>

        <td class="labelCol">Opportunity Owner</td>

        <td class="dataCol col02 inlineEditLock" id="00NO0000001EJhG_ilecell" οnblur="if (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOutField(event, this);" (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.clickField(event, this);" οndblclick="if (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.dblClickField(event, this);" οnfοcus="if (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOverField(event, this);" (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOutField(event, this);" (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOverField(event, this);">

            <div id="00NO0000001EJhG_ileinner"><apex:outputField value="{!oppBean.OwnerId}"/></div>

        </td>

        <td class="labelCol">Close Date</td>

        <td class="dataCol inlineEditWrite" id="opp9_ilecell" οnblur="if (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOutField(event, this);" (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.clickField(event, this);" οndblclick="if (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.dblClickField(event, this);" οnfοcus="if (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOverField(event, this);" οnkeypress="if (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun &amp;&amp; event &amp;&amp; event.keyCode==KEY_ENTER) sfdcPage.dblClickField(event, this);" (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOutField(event, this);" (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOverField(event, this);" tabindex="0">

            <div id="opp9_ileinner"><apex:outputField value="{!oppBean.CloseDate}"/></div>

        </td>

    </tr>

    <tr>

        <td class="labelCol last">Type</td>

        <td class="dataCol col02 last inlineEditWrite" id="00NO0000001EJzU_ilecell" οnblur="if (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOutField(event, this);" (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.clickField(event, this);" οndblclick="if (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.dblClickField(event, this);" οnfοcus="if (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOverField(event, this);" οnkeypress="if (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun &amp;&amp; event &amp;&amp; event.keyCode==KEY_ENTER) sfdcPage.dblClickField(event, this);" (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOutField(event, this);" (window.sfdcPage &amp;&amp; window.sfdcPage.hasRun) sfdcPage.mouseOverField(event, this);" tabindex="0">

            <div id="00NO0000001EJzU_ileinner"><apex:outputField value="{!oppBean.Type}"/></div>

        </td>

        <td class="labelCol empty last">&nbsp;</td>

        <td class="dataCol empty last">&nbsp;</td>

    </tr>

</table>