Giter VIP home page Giter VIP logo

js-table-repeator's Introduction

js-table-repeator

var columns = {
		"phonenumber": {
			type: 'text',
			heading: 'Phone Number'
		},
		"number_of_notifications": {
			type: 'number',
			heading: 'Notifications',
		},
		"notification_type": {
			type: 'dropdown',
			heading: 'Notification Type',
			options: [
				{name: "One-Time", value: "onetime"},
				{name: "Acknowledge", value: "ackowledge"},
			]
		},
		"days_of_week": {
			type: 'checkbox',
			heading: 'Days of Week',
			options: [
				{name: "Sunday", value: "sunday"},
				{name: "Monday", value: "monday"},
				{name: "Tuesday", value: "tuesday"},
				{name: "Wednesday", value: "wednesday"},
				{name: "Thursday", value: "thursday"},
				{name: "Friday", value: "friday"},
				{name: "Saturday", value: "saturday"},
			],
			check: function(value, option) {
				return value[option.value];
			}
		},
		"from_timestamp": {
			type: 'datetime-local',
			heading: 'Date From',
		},
		"to_timestamp": {
			type: 'datetime-local',
			heading: 'Date To',
		},
		"actions": {
			type: 'actions',
			heading: 'Actions',
		}
	};

var data = [];// DATA HERE
	
	$('#nas-table').Crud({
		columns: columns, 
		data: data,
		saveEach: (row, updated, $tr) => {
			// perform your ajax here
		},
		deleteEach: (row, $tr) => {
			// perform your ajax here
		},
		disableDelete: false,
		saveAll: true,
	});

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.