以下是一个示例代码，用于按列顺序排列一组列，使它们的高度相等，而且内容是动态的。

HTML代码：

  

    
Column 1
  
  

    
Column 2
  
  

    
Column 3
  

CSS代码：

.columns {
  display: flex;
}

.column {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0;
  margin: 10px;
}

.content {
  padding: 10px;
  background-color: #fff;
}

JavaScript代码：

// 获取所有列元素
const columns = document.querySelectorAll('.column');

// 计算最大高度
function calculateMaxHeight() {
  let maxHeight = 0;
  columns.forEach(column => {
    const height = column.offsetHeight;
    if (height > maxHeight) {
      maxHeight = height;
    }
  });
  return maxHeight;
}

// 设置所有列的高度为最大高度
function setEqualHeight() {
  const maxHeight = calculateMaxHeight();
  columns.forEach(column => {
    column.style.height = `${maxHeight}px`;
  });
}

// 初始设置所有列的高度
setEqualHeight();

// 模拟内容的动态变化
setInterval(() => {
  columns.forEach(column => {
    column.querySelector('.content').textContent = Math.floor(Math.random() * 100);
  });
  setEqualHeight();
}, 2000);

在这个示例中，首先使用CSS的flexbox布局来实现按列顺序排列的效果。然后通过JavaScript代码来计算列的最大高度，并设置所有列的高度为最大高度。

为了模拟内容的动态变化，设置了一个定时器，每2秒更新列中的内容，并重新计算和设置列的高度。

请注意，以上代码仅作为示例，可根据具体需求进行调整和修改。