・mystyle.css

body {
    font-family: メイリオ ,Osaka;
    font-size: 12pt;
    margin: 10px 10px 10px 20px;
    line-height: 2.0em;
}
/* sample09-03のためのCSS  */
.hd1 {/* 表全体のヘッダー */
    font-size: 1.2em;   /* 大きめの文字 */
    text-align: left;   /* 左寄せ */
}
.hd2 {/* ヘッダー行 */
    font-weight: normal;  /* 太字にしない */
    text-align: center;   /* 中央揃え */
    background-color: #d0d0d0; /* グレーの背景色 */
}
.row {/* ヘッダー以外の行 */
    background-color: #dbe9f9; /* 薄い青の背景色 */
}
.row1 {/* ヘッダー以外の行 */
    background-color: #dbe9f9; /* 薄い青の背景色 */
}
.row2 {/* ヘッダー以外の行 */
    background-color:  #f0f0f0; /* レーの背景色 */
}

.c1 {/* １列目 */
    width: 100px;    /* 横幅を100pxに */
    text-align: center;   /* 中央揃え */
}
.c2 {/* ２列目 */
    width: 100px;    /* 横幅を100pxに */
    padding-left: 10px;   /* 左端に10pxの余白 */
}
.c3 {/* ３列目 */
    width: 400px;    /* 横幅を300pxに */
    padding-left: 10px;   /* 左端に10pxの余白 */
}
.c4 {/* ４列目 */
    width: 50px;    /* 横幅を20pxに */
    text-align: center;   /* 中央揃え */
}
.inp {/* h:inputTextに適用 */
    font-family: メイリオ ,Osaka; /* 中央揃え */ 
    font-size: 1.0em;    /* 他の行の文字と同じにする */
    border: none;     /* 入力領域を枠で囲わない */
}


・Bb.java
package beans;

import java.io.Serializable;
import java.util.ArrayList;
import java.util.List;
import javax.enterprise.context.SessionScoped;
import javax.inject.Named;

@Named
@SessionScoped
public class Bb implements Serializable {

    private List<Kokyaku> kokyaku;   // MeiboオブジェクトのList

    { // 初期化リスト
        kokyaku = new ArrayList<>(); // Listを生成してデータをセット
        kokyaku.add(new Kokyaku(111, "山田太郎", "東京都練馬区住所１-1-1"));
        kokyaku.add(new Kokyaku(222, "田中進", "名古屋市中区住所2-2-2"));
        kokyaku.add(new Kokyaku(333, "京都靖", "京都市右京区住所3-3-3"));
        kokyaku.add(new Kokyaku(444, "大阪博子", "大阪市北区住所4-4-4"));
        kokyaku.add(new Kokyaku(555, "広島洋子", "広島市南区住所5-5-5"));
    }

    // クリックした行のオブジェクトを得て編集する
    public String edit(Kokyaku obj) {
        String mail = obj.getAdr();
        obj.setAdr(mail + "*");
        return null;
    }

    public String next() {
        // 実際にはここでデータベースなどに保存する
        return null;
    }

    public List<Kokyaku> getKokyaku() {
        return kokyaku;
    }

    public void setKokyaku(List<Kokyaku> kokyaku) {
        this.kokyaku = kokyaku;
    }

}

・Kokyaku.java
package beans;

public class Kokyaku {
    private Integer number;  // 番号
    private String name;  // 名前
    private String adr;  // メール
    private boolean editable; // 編集可能か
     public Kokyaku() {
    }

    public Kokyaku(Integer number, String name, String adr) {
        this.number = number;
        this.name = name;
        this.adr = adr;
        editable = false;
    }
    public Integer getNumber() {
        return number;
    }

    public void setNumber(Integer number) {
        this.number = number;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getAdr() {
        return adr;
    }

    public void setAdr(String adr) {
        this.adr = adr;
    }

    public boolean isEditable() {
        return editable;
    }

    public void setEditable(boolean editable) {
        this.editable = editable;
    }
   
}