如何右对齐数字数据，左对齐其他数据？

Question

我希望如果用户输入数字数据，它应该左对齐，如果他输入其他数据类型，那么它应该左对齐。Text align我可以给css属性text-align:right。当用户输入数据时，如何查找数据类型？我使用的是jquery数据表。

Answer 1

这不是rails关心的问题。如果您想根据单元格中内容的性质设置css属性，我强烈建议使用jQuery / Javascript解决方案。

你可以这样做：

$(document).ready(function(){
    $("td").each(function() {
       if (parseInt($(this).text()) > 1) {
            $(this).css("text-align", "right");
        }
    });
});

对于更复杂的解决方案，您可以实现自己的Jquery过滤器，如下所示：

$.extend($.expr[":"], {
  expr: (function() {
    var op = {
      '=': function(n1, n2) { return n1 == n2; },
      '!=': function(n1, n2) { return n1 != n2; },
      '>': function(n1, n2) { return n1 > n2; },
      '>=': function(n1, n2) { return n1 >= n2; },
      '<': function(n1, n2) { return n1 < n2; },
      '<=': function(n1, n2) { return n1 <= n2; }
    };
    var ops = [];
    for (p in op) {
      ops.push(p);
    }
    var r = new RegExp("^\\s*(" + ops.join("|") + ")\\s*(-?\\d+(?:\\.\\d+)?)\\s*$");
    return function(elem, i, match) {
      var m = r.exec(match[3]);
      return m && op[m[1]](parseFloat($(elem).text()), parseFloat(m[2]));
    };
  })()
});

这将允许您根据数值约束筛选值，例如：

$("td:expr(>5)").css("text-align", "right");