Hi All i am using the below code but handsontable is not displaying anybody has idea.

<?xml version='1.0' encoding='UTF-8'?>

<jsp:root xmlns:jsp=" http://java.sun.com/JSP/Page" version="2.1"

          xmlns:f=" http://java.sun.com/jsf/core"

          xmlns:af=" http://xmlns.oracle.com/adf/faces/rich">

  <jsp:directive.page contentType="text/html;charset=UTF-8"/>

  <f:view>

  <af:document id="d1">

<af:resource type="javascript" source="jquery.min.js"/>

<af:resource type="javascript" source="jquery-1.10.2.js"/>

<af:resource type="javascript" source="jquery.handsontable.full"/>

<af:resource type="javascript" source="jquery.handsontable"/>

<link rel="stylesheet" media="screen" href="jquery.handsontable.full.css"/>

<af:resource type="javascript">

var data = [

  ["", "Maserati", "Mazda", "Mercedes", "Mini", "Mitsubishi"],

  ["2009", 0, 2941, 4303, 354, 5814],

  ["2010", 5, 2905, 2867, 412, 5284],

  ["2011", 4, 2517, 4822, 552, 6127],

  ["2012", 2, 2422, 5399, 776, 4151]

];

$('#example').handsontable({

  data: data,

  minSpareRows: 1,

  colHeaders: true,

  contextMenu: true

});

</af:resource>

      <div id="example" class="handsontable"/>

  </af:document>

  </f:view>

</jsp:root>