Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/redmond/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.1.1/css/ui.jqgrid.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.1.1/js/i18n/grid.locale-en.js"></script>
    <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.1.1/js/jquery.jqGrid.src.js"></script>
    
</head>
<body>
  <div class="Container">
    <table id="Attendus"><tr><td/></tr></table>
  </div>
</body>
</html>
 
$(document).ready(function () {
  'use strict';
  var lastSel, 
      gridAttendus = $("#Attendus"),
      onclickSubmitLocal = function(options,postdata) {
      };
  
  gridAttendus.jqGrid({
    datatype:'local',
    data: AttendusData,
    colNames:['ID',
              'Etat',
              'Date',
              'Fournisseur<br/>Commande',
              'Contenu'],
    colModel:[
      {name:'ID',index:'ID',hidden:true,width:70,align:'center',sorttype: 'int'},
      {name:'ETAT',index:'ETAT',width:150,align:'center'},
      {name:'DATE',index:'DATE',width:150,align:'center',title: false},
      {name:'FOURNISSEUR_CMD',index:'FOURNISSEUR_CMD',width:200,align:'center',title: false},
      {name:'CONTENU',index:'CONTENU',width:200,align:'center',title: false}
      
    ],
    gridview:true,
    autoencode:true,
    scroll: true,
    ignoreCase:true,
    height: '90%',
    editurl: 'clientArray',
    forceFit: true
  }); 
}); // fin de $(document).ready
var AttendusData = [
{ID:"1", ETAT:"Démarré", DATE:"2012-2-2", FOURNISSEUR_CMD:"SA DUPUIS\nC227692-211", CONTENU:"211 lignes XXX more more\n 242 UM YYY"},
{ID:"2", ETAT:"Prêt", DATE:"2012-2-4", FOURNISSEUR_CMD:"FOURNISSEUR\nC17713-255", CONTENU:"255 lignes XXX\n 160 UM YYY"},
{ID:"3", ETAT:"Traité", DATE:"2012-1-7", FOURNISSEUR_CMD:"JAMES WEST\nC78204-294", CONTENU:"294 lignes XXX\n 17 UM YYY"},
{ID:"4", ETAT:"Clôturé", DATE:"2012-2-5", FOURNISSEUR_CMD:"FOURNISSEUR\nC79589-94", CONTENU:"94 lignes XXX\n 220 UM YYY"},
{ID:"5", ETAT:"Abandonné", DATE:"2012-11-21", FOURNISSEUR_CMD:"METAX\nC370573-202", CONTENU:"202 lignes XXX\n 245 UM YYY"},
{ID:"6", ETAT:"Abandonné", DATE:"2012-7-18", FOURNISSEUR_CMD:"FOURNISSEUR\nC410037-228", CONTENU:"228 lignes XXX\n 254 UM YYY"},
{ID:"7", ETAT:"Abandonné", DATE:"2012-10-26", FOURNISSEUR_CMD:"KENWOOD\nC316605-137", CONTENU:"137 lignes XXX\n 114 UM YYY"},
{ID:"8", ETAT:"Prévu", DATE:"2012-12-25", FOURNISSEUR_CMD:"HRTZ\nC19538-293", CONTENU:"293 lignes XXX\n 47 UM YYY"},
{ID:"9", ETAT:"Créé", DATE:"2012-12-25", FOURNISSEUR_CMD:"METAX\nC315847-27", CONTENU:"27 lignes XXX\n 10 UM YYY"},
{ID:"10", ETAT:"Démarré", DATE:"2012-6-28", FOURNISSEUR_CMD:"HRTZ\nC394890-59", CONTENU:"59 lignes XXX\n 7 UM YYY"},
{ID:"11", ETAT:"Démarré", DATE:"2012-1-3", FOURNISSEUR_CMD:"SOCIETE TRAMONTANE\nC463065-186", CONTENU:"186 lignes XXX\n 275 UM YYY"},
{ID:"12", ETAT:"Créé", DATE:"2012-5-12", FOURNISSEUR_CMD:"METAX\nC159555-184", CONTENU:"184 lignes XXX\n 249 UM YYY"},
{ID:"13", ETAT:"Traité", DATE:"2012-3-11", FOURNISSEUR_CMD:"JAMES WEST\nC151262-85", CONTENU:"85 lignes XXX\n 170 UM YYY"},
{ID:"14", ETAT:"Prêt", DATE:"2012-7-3", FOURNISSEUR_CMD:"SOCCC ET FILS\nC412679-285", CONTENU:"285 lignes XXX\n 178 UM YYY"},
{ID:"15", ETAT:"Reliquat", DATE:"2012-6-9", FOURNISSEUR_CMD:"SOCCC ET FILS\nC108131-90", CONTENU:"90 lignes XXX\n 180 UM YYY"},
{ID:"16", ETAT:"Prévu", DATE:"2012-4-9", FOURNISSEUR_CMD:"SOCCC ET FILS\nC168115-27", CONTENU:"27 lignes XXX\n 42 UM YYY"},
{ID:"17", ETAT:"Prêt", DATE:"2012-12-12", FOURNISSEUR_CMD:"KENWOOD\nC325623-48", CONTENU:"48 lignes XXX\n 200 UM YYY"},
{ID:"18", ETAT:"Interrompu", DATE:"2012-10-25", FOURNISSEUR_CMD:"HRTZ\nC93099-21", CONTENU:"21 lignes XXX\n 179 UM YYY"},
{ID:"19", ETAT:"Interrompu", DATE:"2012-1-11", FOURNISSEUR_CMD:"KENWOOD\nC260144-274", CONTENU:"274 lignes XXX\n 281 UM YYY"},
{ID:"20", ETAT:"Traité", DATE:"2012-12-7", FOURNISSEUR_CMD:"SOCIETE TRAMONTANE\nC124122-108", CONTENU:"108 lignes XXX\n 279 UM YYY"},
{ID:"21", ETAT:"Clôturé", DATE:"2012-12-24", FOURNISSEUR_CMD:"METAX\nC257958-189", CONTENU:"189 lignes XXX\n 58 UM YYY"},
{ID:"22", ETAT:"Reliquat", DATE:"2012-12-27", FOURNISSEUR_CMD:"METAX\nC398810-93", CONTENU:"93 lignes XXX\n 175 UM YYY"},
{ID:"23", ETAT:"Créé", DATE:"2012-1-4", FOURNISSEUR_CMD:"JAMES WEST\nC478347-296", CONTENU:"296 lignes XXX\n 84 UM YYY"},
{ID:"24", ETAT:"Clôturé", DATE:"2012-1-20", FOURNISSEUR_CMD:"JAMES WEST\nC457105-276", CONTENU:"276 lignes XXX\n 76 UM YYY"},
{ID:"25", ETAT:"Créé", DATE:"2012-12-26", FOURNISSEUR_CMD:"METAX\nC130130-279", CONTENU:"279 lignes XXX\n 114 UM YYY"}
];
    
    
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers