修改数据表中的特定td

Question

我正在使用vuetable-2 (ratiw)创建下表：

这是我使用的代码：

add_action('template_redirect', 'woocommerce_custom_redirections');
function woocommerce_custom_redirections() {
    // Case1: Non logged user on checkout page (cart empty or not empty)
    if ( !is_user_logged_in() && is_checkout() )
        wp_redirect( get_permalink( get_option('woocommerce_myaccount_page_id') ) );

    // Case2: Logged user on my account page with something in cart
    if( is_user_logged_in() && ! WC()->cart->is_empty() && is_account_page() )
        wp_redirect( get_permalink( get_option('woocommerce_checkout_page_id') ) );
}

如何使总计列中的行文本加粗？使用此程序包可以吗？

Answer 1

您可以使用CSS进行此操作。使用.vuetable td:last-of-type选择最后一列，然后应用font-weight: bold：

let value = "getMeSomeText";
let newStr = '';
    for (var i = 0; i < value.length; i++) {
      if (value.charAt(i) === value.charAt(i).toUpperCase()) {
        newStr = newStr + ' ' + value.charAt(i)
      } else {
        (i == 0) ? (newStr += value.charAt(i).toUpperCase()) : (newStr += value.charAt(i));
      }
    }
    return newStr;

jsfiddle

如果以后需要添加另一列，则可以从.vuetable td:last-of-type { font-weight: bold; } 切换到:last-of-type。例如，td:nth-last-of-type(2)选择倒数第二列。