+<style type='text/css'>
+tr.partial {
+ color: darkred;
+}
+
+tr.partial td:nth-child(5) {
+ background: pink;
+}
+
+tr.location {
+ font-weight: normal;
+ background: #8f8;
+}
+tr.on_time {
+}
+
+tr.late {
+ background: #fc8;
+}
+
+tr.soldout {
+ background: pink;
+}
+
+tr.tDnD_whileDrag {
+ background: #ccc;
+ border: 2px solid black;
+}
+tr.tDnD_whileDrag :nth-child(4), tr.tDnD_whileDrag :nth-child(5) {
+ color: transparent;
+ background: transparent;
+}
+</style>
+<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+<script src="js/jquery.tablednd.0.8.min.js"></script>
+<script text="text/javascript">
+ console.log('hello')
+ $(document).ready(function() {
+ console.log('ready')
+ $('#item_schedule table').tableDnD({
+ onDragStart: function (table, row) {
+ console.log(table)
+ console.log(row)}
+ ,onDrop: function (table, row) {
+ console.log(table)
+ console.log(row)}
+ })
+ }
+ )
+</script>