//create item slicer
var slicer = new GcSpread.Sheets.ItemSlicer("slicer");
//create table
var dataSource = [
{ Name: "Bob", City: "NewYork", Birthday: "1968/6/8" },
{ Name: "Betty", City: "NewYork", Birthday: "1972/7/3" },
{ Name: "Alice", City: "Washington", Birthday: "2012/2/15" },
];
var table = sheet.addTableByDataSource("table1", 1, 1, dataSource);
var slicerData = new GcSpread.Sheets.TableSlicerData(table)
//Set slicer data to item slicer.
slicer.setData(slicerData, "Name");
//Add the item slicer to the dom tree.
//The "slicerHost" is the div you want to add the slicer's dom to.
$("#slicerHost").append(slicer.getDOMElement());
.....
<div id="slicerHost" style="height: 300px; width: 50%"></div>