http://blog.crmscience.com/2012/05/using-standard-salesforce-css-and.html

Salesforceのページに、ページの高さが足りない場合、ページ内DivのScroll利用して、データを見たい場合、
Tabel Header固定したい、その場合、下記方法で実見しました
目的、下記様な画面を作成したい場合

条件：
pageBlockTableで、一覧データを表示する（直接Html/RepeatもOK）

呼び出し方法
VFページ

<apex:outputPanel layout="block" style="overflow:auto;width:100%; height:300px;" id="rsTablePanel" >
<apex:pageBlockTable value="{!rsInfoList}" var="rs" id="rsTable" width="100%">
xxxxxxxxxxxxxx
</apex:pageBlockTable>
</apex:outputPanel>

Call :

———————————————–

<apex:includeScript value=”{!$Resource.JqueryLib}”/>
<apex:includeScript value=”{!$Resource.HeaderFloat}”/>
<script>
$j = jQuery.noConflict();
$j(document).ready(function() {

$j(“[id$=rsTablePanel]”).chromatable({scrolling: “no”, uniqueIdVal: “Float”});
$j(“[id$=rsTableFloat]”).width($j(“[id$=rsTable]”).width() + 2);

});
</script>

—————————
説明：rsTable <- pageBlockTableのID
uniqueIdVal->新たHeaderのID一部
rsTableFloat→新たHeaderのID：　pageBlockTableのID + uniqueIdVal

Javascript Lib(HeaderFloat)
————————————————–

headerFloat

Script:

<apex:includeScript value="{!$Resource.jQuery}"/>

$j = jQuery.noConflict();
$j(document).ready(function() {

// CheckBox Select
var selectedChkbox;

$j("[id$=':type4check']").each(function (index, domEle) {
if ($j(this).attr('checked')) selectedChkbox = $j(this).attr('id');
});
$j("[id$=':type4check']").click(function(event){
if($j(this).attr('checked')){
if ($j(this).attr('id') != selectedChkbox) {
//$j(selectedChkbox).removeAttr('checked');
document.getElementById(selectedChkbox).checked=false;
}
selectedChkbox = $j(this).attr('id');
// Call Action Script
refreshActUsrList();
} else {
event.preventDefault();
}
});
});

ページ:

<apex:pageBlockTable value="{!xxxList}" var="ret" style="width:100%" id="typeBlock">
<apex:column >
<apex:facet name="header"></apex:facet>
<apex:inputCheckBox value="{!xxxx}" id="type4check"/>
</apex:column>
<apex:column >
<apex:facet name="header"><apex:outputText value="xxxxx"
styleClass="labelCol" /></apex:facet>
<apex:outputText value="{!ret.cnt.fieldzzz}" styleClass="labelCol" />
</apex:column>
<apex:column >
<apex:facet name="header"><apex:outputText value="xxxxxx"
styleClass="labelCol" /></apex:facet>
<apex:inputField value="{!ret.cnt.fieldxxx}" />
</apex:column>
</apex:pageBlockTable>

作成中：

…………………………….

エラー：

①　Failed to run job because of missing VC++ libraries on the machine that runs the Secure Agent

http://www.microsoft.com/downloads/ja-jp/details.aspx?familyid=9b2da534-3e03-4391-8a4d-074b9f2bc1bf

https://edelivery.oracle.com

Oracle Business Intelligence (10.1.3) Media Pack for Microsoft Windows (32-bit)

Oracle Business Intelligence Data Warehouse Administration Console 10.1.3.4.1 for Microsoft Windows and Informatica PowerCenter and PowerConnect Adapters 8.6.1 for Windows x86 (32-bit) (Part 1 of 2)

Oracle Business Intelligence Data Warehouse Administration Console 10.1.3.4.1 for Microsoft Windows and Informatica PowerCenter and PowerConnect Adapters 8.6.1 for Windows x86 (32-bit) (Part 2 of 2)

<apex:actionStatus id="loadingStatus">
<apex:facet name="start">
<apex:image value="/img/loading32.gif" height="16" width="16" style="vertical-align:middle;" />
</apex:facet>
<apex:facet name="stop">
</apex:facet>
</apex:actionStatus>

『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。
画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。
data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、
小さなアイコンなどの表示には便利です。

例：

「R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==」画像ファイルからBase64　Encode後の内容
JavaなどLocalからSalesforceへ送信する場合、先にBase64Encodeして、送信する

注意：画像のサイズ制限があります

Javaの例：

public class UploadFileToSalesforce {
private Properties prop = null;
public UploadFileToSalesforce(Properties properties) {
prop = properties;
}
// ファイルを取得して、
public int uploadImgToSaleforce() throws Exception {

// image file path
String inFilePath = prop.getProperty(“ftp.recivePath_1”);
File inPutFile = new File(inFilePath);
//SObject[] updFilesList = null;
List<SObject> updFilesList = null;
try {
if (inPutFile.isDirectory()) {

// 存在するファイルは全部Salesforceにアップロードする
//updFilesList = new SObject[inPutFile.list().length];
updFilesList = new ArrayList<SObject>();
//int index = 0;
for (String fileName : inPutFile.list()) {
File updFild = new File(inFilePath + fileName);
String fileExtent = fileName.substring(fileName.lastIndexOf(“.”) + 1, fileName.length());
System.out.println(fileExtent);
if (“tif”.equals(fileExtent.toLowerCase())) {
String tiffFileName = updFild.getAbsolutePath();
fileExtent = “jpeg”;
String jpegFileName = tiffFileName + “.” + fileExtent;
TiffUtils.TiffToJpg(updFild.getAbsolutePath(), jpegFileName);
updFild = new File(jpegFileName);

}
FileInputStream fi = new FileInputStream(updFild);
byte[] indata = new byte[(int) updFild.length()];
System.out.println(updFild.length());
fi.read(indata);
fi.close();
EMSMANAGER__c item = new EMSMANAGER__c();
//item.setName(String.valueOf(System.nanoTime()));
String imageContent = org.apache.commons.codec.binary.Base64.encodeBase64String(indata);
String data = “data:image/” + fileExtent + “;base64,” + imageContent;
item.setFileContent__c(“<img alt='” + fileName +”‘ src='” + data + “‘ width=’500px’>”);
// updFilesList[index] = item;
updFilesList.add(item);
//index++;

if (updFilesList.size() % 20 == 0) {
SObject[] updObjList = new SObject[20];
for (int i = 0; i < updFilesList.size(); i++) {
updObjList[i] = updFilesList.get(i);
}
saveFileToSfdc(updObjList);
updFilesList.clear();
}
}
if (!updFilesList.isEmpty()) {
SObject[] updObjList = new SObject[20];
for (int i = 0; i < updFilesList.size(); i++) {
updObjList[i] = updFilesList.get(i);
}
saveFileToSfdc(updObjList);
updFilesList.clear();
}
}
} catch (Exception e) {
e.printStackTrace();
}

return 0;
}

public void saveFileToSfdc(SObject[] updFilesList) throws DataGemException, ConnectionException {
// 一ファイル位置レコードにSalesforceにアップロードする
if (updFilesList != null && updFilesList.length > 0) {
// Salesforceに接続する
SalesforceUtil sfHandle = new SalesforceUtil(prop);
sfHandle.connnectSFDC();
SaveResult[] saveRsList = sfHandle.getHandle().create(updFilesList);
for (SaveResult rs: saveRsList) {
System.out.println(“————-” + rs.getSuccess());
com.sforce.soap.enterprise.Error[] errs = rs.getErrors();
for (com.sforce.soap.enterprise.Error err: errs) {
System.out.print(err.getMessage());
}
}
}
}

}

———————————————–
SalesforceのApex側直接の作成

String img = 'data:image/jpeg;base64,' + 'xxxxbase64文字列';
Sobjectxxx item1 = new Sobjectxxx ();
item1.Name = xxxxxxxxxxxxx;
item1.TextareaFieldxxx = '<img src="' + img + '" />';
insert item1;

—————————-java tool ——————–

import java.io.BufferedInputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;

import org.apache.commons.codec.binary.Base64;
import org.apache.commons.io.IOUtils;

public class ImageBase64 {
public static void main(String[] args) throws IOException {
ImageBase64 ImageBase64 = new ImageBase64();
ImageBase64.encodeBase64();
}

private void encodeBase64() throws IOException {
File file = new File(“/Users/elegant/Workspaces/Sample/src/rtaImage.jpg”);
InputStream inputStream = new FileInputStream(file);
BufferedInputStream bis = new BufferedInputStream(inputStream);
String base64 = new String(Base64.encodeBase64(IOUtils.toByteArray(bis)));

System.out.println(base64);

}
}