使用方法

		$(document).ready(function() {
			var arr = [
					[1, 2, 3],
					["one", "two", "three"]
			];

      /* Array To Table */
      var input = JSON.stringify(arr);
			$("#jsontotable-arr")
        .append($("

	

").html("Array To Table"))
        .append($("

	

").html("Input"))
        .append($("").html(input))
        .append($("

	

").html("Output"));

			$.jsontotable(arr, { id: "#jsontotable-arr", header: true });

      /* Array To Table (Without Header) */
			$("#jsontotable-arr")
        .append($("

	

").html("Array To Table (Without Header)"))
        .append($("

	

").html("Input"))
        .append($("").html(input))
        .append($("

	

").html("Output"));

			$.jsontotable(arr, { id: "#jsontotable-arr", header: false });

			var obj = [
				{"Title1": "Hello", "Title2": "Fine", "Title3": "Thank you"},
        {"Title1": "안녕하세요", "Title2": "좋아요", "Title3": "감사합니다"},
        {"Title1": "こんにちは", "Title2": "ファイン", "Title3": "ありがとう"},
				{"Title1": "你好", "Title2": "精", "Title3": "谢谢"},
				{"Title1": "Bonjour", "Title2": "Beaux", "Title3": "Merci"},
        {"Title1": "Ciao", "Title2": "Bene", "Title3": "Grazie"}
			];

      /* JSON To Table (Has Header) */
      input = JSON.stringify(obj);
			$("#jsontotable-obj")
        .append($("

	

").html("JSON To Table (Has Header)"))
        .append($("

	

").html("Input"))
        .append($("").html(input))
        .append($("

	

").html("Output"));

			$.jsontotable(obj, { id: "#jsontotable-obj" });

      /* JSON To Table (Without Header) */
			$("#jsontotable-obj")
        .append($("

	

").html("JSON To Table (Without Header)"))
        .append($("

	

").html("Input"))
        .append($("").html(input))
        .append($("

	

").html("Output"));

			$.jsontotable(obj, { id: "#jsontotable-obj", header: false });


			var objmissing = [
				{"Title1": "Hello", "Title2": "Fine", "Title3": "Thank you"},
        {"Title1": "안녕하세요", "Title2": "좋아요", "Title3": "감사합니다"},
        {"Title4": "こんにちは", "Title2": "ファイン", "Title5": "ありがとう"},
				{"Title1": "你好", "Title5": "精", "Title3": "谢谢"},
				{"Title5": "Bonjour", "Title4": "Beaux", "Title3": "Merci"},
        {"Title1": "Ciao", "Title6": "Bene", "Title7": "Grazie"}
			];

      /* JSON To Table (Has Header and Missing some columns in body */
      input = JSON.stringify(objmissing);
			$("#jsontotable-obj")
        .append($("

	

").html("JSON To Table (Has Header and Missing some columns in body)"))
        .append($("

	

").html("Input"))
        .append($("").html(input))
        .append($("

	

").html("Output"));

			$.jsontotable(objmissing, { id: "#jsontotable-obj" , header: true });
			
			var objwithdata = [
        { id: "header", "class": "header-class", _data:{"Title1": "안녕하세요", "Title2": "좋아요", "Title3": "감사합니다"} },
        {"Title1": "안녕하세요", "Title2": "좋아요", "Title3": "감사합니다"},
        {"Title1": "こんにちは", "Title2": "ファイン", "Title3": "ありがとう"},
				{"Title1": "你好", "Title2": "精", "Title3": "谢谢"},
				{"Title1": "Bonjour", "Title2": "Beaux", "Title3": "Merci"},
        {"Title1": "Ciao", "Title2": "Bene", "Title3": "Grazie"}
			];
			
      /* JSON To Table with _data attribute (Has Header) */
      input = JSON.stringify(objwithdata);
			$("#jsontotable-objwithdata")
        .append($("

	

").html("JSON To Table with _data attribute (Has Header)"))
        .append($("

	

").html("Input"))
        .append($("").html(input))
        .append($("

	

").html("Output"));

			$.jsontotable(objwithdata, { id: "#jsontotable-objwithdata" });


      /* JSON To Table with _data attribute  (Without Header) */
			$("#jsontotable-objwithdata")
        .append($("

	

").html("JSON To Table with _data attribute  (Without Header)"))
        .append($("

	

").html("Input"))
        .append($("").html(input))
        .append($("

	

").html("Output"));

			$.jsontotable(objwithdata, { id: "#jsontotable-objwithdata", header: false });

			var str = "[\
        {\"Title1\": \"Hello\", \"Title2\": \"Fine\", \"Title3\": \"Thank you\"}, \
        {\"Title1\": \"안녕하세요\", \"Title2\": \"좋아요\", \"Title3\": \"감사합니다\"}, \
        {\"Title1\": \"こんにちは\", \"Title2\": \"ファイン\", \"Title3\": \"ありがとう\"}, \
        {\"Title1\": \"你好\", \"Title2\": \"精\", \"Title3\": \"谢谢\"}, \
        {\"Title1\": \"Bonjour\", \"Title2\": \"Beaux\", \"Title3\": \"Merci\"}, \
        {\"Title1\": \"Ciao\", \"Title2\": \"Bene\", \"Title3\": \"Grazie\"} \
      ]";

      /* JSON (String Format) To Table" */
			$("#jsontotable-str")
        .append($("

	

").html("JSON (String Format) To Table"))
        .append($("

	

").html("Input"))
        .append($("").html(input))
        .append($("

	

").html("Output"));

			$.jsontotable(str, {
				id: "#jsontotable-str",
				className: "table table-bordered table-striped"
			});
		});