Javascript 使数据表具有响应性

环境：Ruby 2.0.0、Rails 4.0.3、Windows 8.1更新、jquery datatables Rails 2.2.1、jquery ui Rails 5.0.0、jquery Rails 3.1.1

我已经启动并运行了数据表，但我需要使我的表响应。我被这样做的指示弄糊涂了。我写了一些JavaScript，但没有写咖啡。不管怎样，我都不知道该怎么办

jquery datatables rails指令说明：

5 - Initialize your datatables using:

responsiveHelper = undefined
breakpointDefinition =
  tablet: 1024
  phone: 480

tableElement = $("#example")
tableElement.dataTable
  autoWidth: false
  preDrawCallback: ->

    # Initialize the responsive datatables helper once.
    responsiveHelper = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition)  unless responsiveHelper
    return

  rowCallback: (nRow) ->
    responsiveHelper.createExpandIcon nRow
    return

  drawCallback: (oSettings) ->
    responsiveHelper.respond()
    return

我当前正在初始化我的表，执行以下操作：

$(document).ready(function () {
    // Enable any datatables
    $('#datatable').dataTable({
        "sPaginationType": "full_numbers",
        bJQueryUI: true
    });
    $('#carstable').dataTable({
        "sPaginationType": "full_numbers",
        bJQueryUI: true,
        bProcessing: true,
        bServerSide: true,
        sAjaxSource: $('#carstable').data('source')
    });

我使用compileonline.com生成JavaScript：

(function() {
  var breakpointDefinition, responsiveHelper, tableElement;

  responsiveHelper = void 0;

  breakpointDefinition = {
    tablet: 1024,
    phone: 480
  };

  tableElement = $("#example");

  tableElement.dataTable({
    autoWidth: false,
    preDrawCallback: function() {
      if (!responsiveHelper) {
        responsiveHelper = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition);
      }
    },
    rowCallback: function(nRow) {
      responsiveHelper.createExpandIcon(nRow);
    },
    drawCallback: function(oSettings) {
      responsiveHelper.respond();
    }
  });

}).call(this);

---

但我看不出我需要做什么才能将其集成到我当前的JavaScript初始值设定项中。

盯着代码看足够长的时间有时可以解决问题。。。我有它基本上工作，虽然我需要定制它。更换代码如下：

$(document).ready(function() {
    var breakpointDefinition, responsiveHelper, tableElement;
    responsiveHelper = void 0;
    breakpointDefinition = {
        tablet: 1024,
        phone: 480
    };
    tableElement = $("#datatable");
    tableElement.dataTable({
        autoWidth: false,
        "sPaginationType": "full_numbers",
        bJQueryUI: true,
        preDrawCallback: function() {
            if (!responsiveHelper) {
                responsiveHelper = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition);
            }
        },
        rowCallback: function(nRow) {
            responsiveHelper.createExpandIcon(nRow);
        },
        drawCallback: function(oSettings) {
            responsiveHelper.respond();
        }
    });
    tableElement = $("#carstable");
    tableElement.dataTable({
        autoWidth: false,
        "sPaginationType": "full_numbers",
        bJQueryUI: true,
        bProcessing: true,
        bServerSide: true,
        sAjaxSource: $('#carstable').data('source'),
        preDrawCallback: function() {
            if (!responsiveHelper) {
                responsiveHelper = new ResponsiveDatatablesHelper(tableElement, breakpointDefinition);
            }
        },
        rowCallback: function(nRow) {
            responsiveHelper.createExpandIcon(nRow);
        },
        drawCallback: function(oSettings) {
            responsiveHelper.respond();
        }
    });

---

你试过看这里吗？数据及其列。根据文档，它应该能够调整大小，而且我应该能够在这样做时删除选定的列。@ZeeTee是的，我确实看了那里。我正在尝试使用Rails端口。而且，它似乎用类似的代码提出了同样的问题。谢谢。你可以试着在datatables.net上发布这个，Allan或者应该有人可以帮忙。如果没有，我相信艾伦会提供更多的支持，我会这样做。谢谢